/* 
Theme Name - Digitechnique UK
*/
/* 1. GENERAL STYLES */ 

body {
  margin: 0;

}
p{ font-size:1.2rem;}

progress { vertical-align: baseline; }

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/*
BOX SIZING

*/
html, body, div, article, section, main, footer, header, form, fieldset, pre,
code, p, ul, ol, li, dl, dt, dd, textarea, input[type="email"],
input[type="number"], input[type="password"], input[type="tel"],
input[type="text"], input[type="url"], .border-box { box-sizing: border-box; }
/*

/* Responsive images! */
img { max-width: 100%; }
/*

/* Adding Brandon Grotesque Font */
/* @import must be at top of file, otherwise CSS will not work */

@font-face {
font-family: 'Brandon Grotesque Regular Italic';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Regular Italic'), url('fonts/brandon-grotesque-regular-italic-58a8a456c4724.woff') format('woff');
}


@font-face {
font-family: 'Brandon Grotesque Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Thin Italic'), url('fonts/brandon-grotesque-thin-italic-58a8a3a8861fe.woff') format('woff');
}


@font-face {
font-family: 'Brandon Grotesque Light';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Light'), url('fonts/brandon-grotesque-light-58a8a4b38001d.woff') format('woff');
}


@font-face {
font-family: 'Brandon Grotesque Light Italic';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Light Italic'), url('fonts/brandon-grotesque-light-italic-58a8a4ccb88be.woff') format('woff');
}


@font-face {
font-family: 'Brandon Grotesque Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Medium Italic'), url('fonts/brandon-grotesque-medium-italic-58a8a3c40866a.woff') format('woff');
}


@font-face {
font-family: 'Brandon Grotesque Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Bold Italic'), url('fonts/brandon-grotesque-bold-italic-58a8a48221563.woff') format('woff');
}


@font-face {
font-family: 'Brandon Grotesque Black';
font-style: normal;
font-weight: normal;
src: local('Brandon Grotesque Black'), url('fonts/brandon-grotesque-black-58a8a3e824392.woff') format('woff');
}

.brandon {
font-family: 'Brandon Grotesque Black';
	font-weight: normal;
	font-style: normal;
}
body {
  margin: 0;
  font-family: 'Muli', sans-serif;
  color:rgba(32,46,69,0.9);
  overflow-x:hidden;
}

progress { vertical-align: baseline; }

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }


hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/*
BOX SIZING

*/
html, body, div, article, section, main, footer, header, form, fieldset, pre,
code, p, ul, ol, li, dl, dt, dd, textarea, input[type="email"],
input[type="number"], input[type="password"], input[type="tel"],
input[type="text"], input[type="url"], .border-box { box-sizing:border-box; }
/*

/* Responsive images! */
img { max-width: 100%; height: auto;}

.brandon {
  font-family: 'Muli', sans-serif;
	font-weight:bold;
	font-style: normal;
	
}

.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }

h1, h2, h3, h4, h5, h6 ul a {
font-family: 'Brandon Grotesque Black';
	font-style: normal;
  background: none;
}



#services div div h2 {
  margin: 0;
}

h1::selection {
  background: #151515; /* WebKit/Blink Browsers */
  color: #fff;
}

h1::-moz-selection {
  background: #151515; /* Gecko Browsers */
  color: #fff;
}

span::selection {
  background: #151515; /* WebKit/Blink Browsers */
  color: #fff;
}

span::-moz-selection {
  background: #151515; /* Gecko Browsers */
  color: #fff;
}

li::selection {
  background: #151515; /* WebKit/Blink Browsers */
  color: #fff;
}

li::-moz-selection {
  background: #151515; /* Gecko Browsers */
  color: #fff;
}

p {
  font-family: 'Muli', sans-serif;
  /*color: rgba(32,46,69,0.9);2632 */
  
}

p::selection {
  background: #151515; /* WebKit/Blink Browsers */
  color: #fff;
}

p::-moz-selection {
  background: #151515; /* Gecko Browsers */
  color: #fff;
}

a::selection {
  background: #151515; /* WebKit/Blink Browsers */
  color: #fff;
}

a::-moz-selection {
  background: #151515; /* Gecko Browsers */
  color: #fff;
}

picture {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: right;
}

object {
  pointer-events: none;
}

.muli {
  font-family: 'Muli', sans-serif;
}


img.alignleft{float:left; margin-right:15px; margin-bottom:10px;}
img.alignright{float:right; margin-left:15px; margin-bottom:10px;}
img.aligncenter{margin-right:auto; margin-left:auto; display:block;}

/* 1.1 NavBar Styles */
nav {z-index: 9;width: 100%;background-color: #fff;background: transparent;}
nav li {display: inline-table;color: rgba(0, 0, 0,0.0);font-family: BrandonGrotesqueWeb-Bold;position:relative;}
nav ul li a:hover {border-bottom: 2px solid;-o-transition:.1s;-ms-transition:.1s;-moz-transition:.1s;-webkit-transition:.1s;transition:.1s;    border-color: #3f96ce;}
.logo {display: table-cell;padding-left: 1rem;}
nav div ul {display: table-cell;vertical-align: middle;float: right;display: block;
text-transform: uppercase;     margin-bottom: 0px;
    margin-top:0px;}
nav div ul li a {text-decoration: none;text-transform: uppercase;
    padding: 19px 0;
    margin-left:25px;
    letter-spacing: 0.5px;
    font-family: 'Muli';
    font-weight: 400;color: #000;
    border-bottom:2px solid transparent;
    display:block;}
li.dropdown.current-menu-has-children {position: relative;}
/* SUBMENU STYLES */
ul.dropdown-nav {min-width: 200px;position: absolute;top: 228%;left: 0;padding: 15px;background: rgba(00,00,00,0.4);}
ul.dropdown-nav:hover{display:block;} 
ul.dropdown-nav li{display:block;margin-bottom:9px;}
li.dropdown .submenu:hover .dropdown-nav-left {display: block;}
ul.dropdown-nav li:nth-child(-n+2){display:block;}
ul.dropdown-nav li a{color:#fff;text-decoration:none;font-family: 'Brandon Grotesque Black';}
nav ul li .submenu:hover{border:none;}
nav ul li .submenu:hover .dropdown-nav-left{display:block;}
.dropdown-nav-left{display:none;}
/*new menu*/
nav{position:relative;}
nav div ul li ul{	width:220px; position: absolute;top:100%; z-index: 9999; padding:0; display: none;}
nav div ul li:hover ul{display:block;}
nav div ul li ul li{width: 100%;float: left;background: rgb(9, 73, 128);transition: all .25s ease;}
nav div ul li ul li a{border-bottom: 1px solid rgba(150,150,150,0.15);
padding: 8px 15px;display: block;font-size: 14px;text-decoration: none;color: #ddd;font-weight: 400;font-family: 'Muli';margin-left: 0;}
.smallPrint {}
.smallPrint ul { padding: 0px;}
.smallPrint ul li {    display: inline-block;}
.smallPrint ul li:after { content:'-';margin-left: 4px;}
.smallPrint ul li:last-child:after { content:none;}
.smallPrint ul li a {    color: #a2a2a2;
    text-decoration: none;
    font-size: .875rem;}
.smallPrint ul li a:hover {text-decoration: underline;}
.smallPrint ul li a:hover:after {text-decoration: none;}
nav li .submenu:hover{border-bottom:none;}
nav ul li ul li a:hover{border-bottom:1px solid rgba(150,150,150,0.15);color: #ffba00;}

/*26-07-18*/

nav div ul li .dropdownMenu{width:197px;position: absolute;top: 100%;z-index: 9999;padding:5px;}
nav div ul li .dropdownMenu li{text-decoration:none;margin-top:5px;}
nav div ul li .dropdownMenu li a{display:block;color:#fff!important;text-decoration:none;margin-bottom:5px;    font-family: 'Muli';font-weight: 400;}
nav li .submenu:hover{border-bottom: 1px solid rgba(150,150,150,0.15);}
nav ul li .dropdownMenu a:hover{border-bottom:none;}

26-07-18 end*/
/*new menu end*/


/* 2. HEADER STYLES  */

.item {
  margin: 0 auto;
  text-align: center;
}

.default {
  background: none;
  color: black;
}
.midnightHeader.white {
  background: white;
  color: black;
}
.midnightHeader.blue {
  background: blue;
  color: white;
}


/* 3. PORTFOLIO */

.portfolioDescription {
  width:90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  padding-top: 2rem;
  position: relative;
}  

.portfolioDescription div {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 4rem;
}

.portfolioDescription h2 {
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 2.25rem
}

.portfolioDescription p {
  line-height: 1.5;
  font-size: 1.2rem;
}

.portfolioDescription div div {
  padding-bottom: 0;
}

.portfolioDescription object {
  padding-right: 1rem;
}

.portfolioDescription a {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  line-height: 1.5;
  font-size: 1.2rem;
  display: table;
}
.current-menu-item a {color: #3f96cf;}

.current-menu-item .sub-menu li a{ color:#fff; }

.websiteDesign {
  color: #4A3A2F;
  background-color: #f6f39a;
  position: relative;
  padding-top: 4rem;
}

.websiteDesign a {
  color: #4A3A2F;
}

.websiteDesignMark::selection {
  background: #f6f39a; /* WebKit/Blink Browsers */
  color: #fff;
}
.websiteDesignMark::-moz-selection {
  background: #f6f39a; /* Gecko Browsers */
  color: #fff;
}

.websiteRedesign {
  color: #FFFFFF;
  background-color: #00427b;
  position: relative;
  padding-top: 4rem;
}

.websiteRedesign a {
  color: #FFFFFF;
}

.websiteRedesignMark::selection {
  background: #FFFFFF; masterarbeitMidnight/* WebKit/Blink Browsers */
  color: #00427b;
}
.websiteRedesignMark::-moz-selection {
  background: #FFFFFF; 
  color: #00427b;
}

.digitalMarketing {
  color: #FFFFFF;
  background-color: #3f96cf;
  position: relative;
  padding-top: 4rem;
}

.digitalMarketing a {
  color: #FFFFFF;
}

.digitalMarketingMark::selection {
  background: #3f96cf; /* WebKit/Blink Browsers */
  color: #f1fdff;
}
.digitalMarketingMark::-moz-selection {
  background: #3f96cf; /* Gecko Browsers */
  color: #f1fdff;
}

.branding {
  color: #F5F5F5;
  background-color: #ea5e23;
  position: relative;
  padding-top: 4rem;
}

.branding a {
  color: #F5F5F5;
}

.brandingMark::selection {
  background: #F5F5F5; /* WebKit/Blink Browsers */
  color: #ea5e23;
}
.brandingMark::-moz-selection {
  background: #F5F5F5; /* Gecko Browsers */
  color: #ea5e23;
}

.blog {
  color: #D0D0D0;
  background-color: #0a619a;
  position: relative;
  padding-top: 4rem;
}

.blog a {
  color: #D0D0D0;
  background-color: #0a619a;
}

.blogMark::selection {
  background: #fff; /* WebKit/Blink Browsers */
  color: #0a619a;
}
.blogMark::-moz-selection {
  background: #fff; /* Gecko Browsers */
  color: #0a619a;
}

.leadGeneration {
  background-color: #28b9a9;
  color: #fff;
  position: relative;
  padding-top: 4rem;
}

.leadGeneration picture{padding:0 30px;}

.leadGeneration a {
  /* background-color: #28b9a9; */
  color: #fff;
}

.leadGenerationMark::selection {
  background: #ff4600; /* WebKit/Blink Browsers */
  color: #28b9a9;
}
.leadGenerationMark::-moz-selection {
  background: #ff4600; /* Gecko Browsers */
  color: #28b9a9;
}

.socialMediaone {
  background-color: #d97bdc;
  color: #ffffff;
  position: relative;
  padding-top: 4rem;
}

.socialMediaone a {
  /* background-color: #d97bdc; */
  color: #ffffff;
}

.socialMediaMark::selection {
  background: #d97bdc; /* WebKit/Blink Browsers */
  color: #8a153c;
}
.socialMediaMark::-moz-selection {
  background: #d97bdc; /* Gecko Browsers */
  color: #8a153c;
}

.ads_campaingns {
  background-color: #F3DBEF;
  color: #302B2F;
  position: relative;
  padding-top: 4rem;
}

.ads_campaingns a  {
  /* background-color: #F3DBEF; */
  color: #302B2F;
}

.ads_campaingnsMark::selection {
  background: #302B2F; /* WebKit/Blink Browsers */
  color: #F3DBEF;
}
.ads_campaingnsMark::-moz-selection {
  background: #302B2F; /* Gecko Browsers */
  color: #F3DBEF;
}

.testimonials {
  background-color: #92f693;
  color: #302B2F;
  position: relative;
  padding-top: 4rem;
}

.testimonials a {
  background-color: #92f693;
  color: #302B2F;
}

.testimonialsMark::selection {
  background: #302B2F; /* WebKit/Blink Browsers */
  color: #92f693;
}
.testimonialsMark::-moz-selection {
  background: #302B2F; /* Gecko Browsers */
  color: #92f693;
}

.plans_pricing {
  background-color: #008998;
  color: #E5EBED;
  position: relative;
  padding-top: 4rem;
}

.plans_pricing a {
  /* background-color: #008998; */
  color: #E5EBED;
}

.plansPricingMark::selection {
  background: #E5EBED; /* WebKit/Blink Browsers */
  color: #008998;
}
.plansPricingMark::-moz-selection {
  background: #E5EBED; /* Gecko Browsers */
  color: #008998;
}

.annalena {
  background-color: #FF2E62;
  color: #610922;
  position: relative;
  padding-top: 4rem;
}

.annalena a {
  background-color: #FF2E62;
  color: #610922;
}

.annalenaMark::selection {

  background: #610922; /* WebKit/Blink Browsers */
  color: #FF2E62;
}
.annalenaMark::-moz-selection {
  background: #610922; /* Gecko Browsers */
  color: #FF2E62;
}

.carrers {
  background-color: #24A5BA;
  color: #fff;
  position: relative;
  padding-top: 4rem;
}

.carrers a {
  background-color: #24A5BA;
  color:#fff;
}

.deinwunschmotivMark::selection {
  background: #0A3137; /* WebKit/Blink Browsers */
  color: #24A5BA;
}
.deinwunschmotivMark::-moz-selection {
  background: #0A3137; /* Gecko Browsers */
  color: #24A5BA;
}

.society {
  background-color: #F2F2EE;
  color: #30302F;
  position: relative;
  padding-top: 4rem;
}

.society a {
  background-color: #F2F2EE;
  color: #30302F;
}

.societyMark::selection {
  background: #30302F; /* WebKit/Blink Browsers */
  color: #F2F2EE;
}
.societyMark::-moz-selection {
  background: #30302F; /* Gecko Browsers */
  color: #F2F2EE;
}


/* 4. SERVICES / CONTACT SECTION */

/*Services*/
#service {
  background: #fff;
  padding-bottom: 4rem;
  padding-top: 2rem;
}

#service picture {
  position: relative;
}

.aboutUs {
  background-color: #fff;
  position: relative;
  text-align:center;
}

.aboutUs > div:first-child {
  width: 90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.aboutUs > div div:first-child {
  display: table-cell;
  vertical-align: middle;
}

.aboutUs h2 {
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.25rem;
  text-align: center;
  padding-top: .25rem;
  text-decoration: none;
}

.aboutUs div:nth-of-type(3) {
  height: 100%;
  width: 80%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.aboutUs div:nth-of-type(3) div {
  display: table-cell;
  vertical-align: middle;
}

.aboutUs div:nth-of-type(3) p {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
  font-size: 1.2rem;
  max-width: 36em;
}

.services {
  background: linear-gradient(to right bottom, #fff 50%, #fafafa 50%);
}

.services > div {
  position: relative;
}

.services > div > div:first-of-type div {
  width: 90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.services > div > div:first-of-type div div {
  display: table-cell;
  vertical-align: middle;
}

.services h2 {
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.25rem;
  text-align: center;
  padding-top: .25rem
}

.serviceIcons {
  height: 100%;
  width: 90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.serviceIcons > div {
  display: table-cell;
  vertical-align: middle;
}

.serviceIcons > div > div {
  width: 50%;
  float: left;
  padding-top: 1rem;
}

.serviceIcons > div > div > div {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.serviceIcons p {
  line-height: 1.5;
  font-size: 1.2rem;
  max-width: 34em;
  text-align: center;
}

.serviceIcons > div > div:last-child {
  width: 100%;
}

.serviceIcons p:last-child {
  max-width: 100%;
}

.serviceIcons .hideme .icon img{ width:65px;}

.gradient {
  background: linear-gradient(to right bottom, #fafafa 50%, #fff 50%);
  padding: 8rem;
}

.gradient2 {
  background: linear-gradient(to right bottom, #fff 50%, #fafafa 50%);
  padding: 8rem;
}

#service > div > div:nth-child(2){
  margin-left: auto;
  margin-right: auto;
}

/* Services Start */
.service {    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;}
.services1 {    width: 33.333%;
    float: left;
    padding: 0 15px;
    display: flex;}
.service-content {    padding: 15px;
    background: #fff;
    text-align: center;
    margin-bottom: 30px;}
.service-content h2 {    margin-bottom: 10px;}
.service-content img{}
.service-content p {}
.service-content a {    padding: 8px 15px;
    background: #00427b;
    display: inline-block;
    color: #fff;
    text-decoration: none;    transition: all .4s ease;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;

    margin: 0px 0px 0px 0px;
    border-top: 1px solid #e6e4e4;
    font-family: 'Brandon Grotesque Black';}
.service-content:hover a {letter-spacing: 1px;} 
/* Services End */
/* 404 Start */
.page-not-found {    text-align: center;}
.page-not-found h2 {font-family: 'muli';
    font-size: 100px;
    font-weight: 900;
    margin: 0;    color: #00427b;}
.simpale-page {}
.default-page-sidebar .sidebar1 h3:first-child {
    margin-top: 0px;
}
.default-page-sidebar .sidebar1 h3 {font-size: 20px;
/*margin-bottom: 15px;*/
color: #fff;
margin-top: 30px;
padding: 5px 10px;
text-align: center;
background: #00427b;
padding: 15px;}
.default-page-sidebar .sidebar1 form ul {}
.default-page-sidebar .gform_wrapper {
  padding: 0px 15px 15px 15px;
margin: 0px;
}
.default-page-sidebar .sidebar1 form ul li {padding-right: 0 !important;}
.default-page-sidebar .sidebar1 .gform_footer { padding:0px; margin:0px; }
.default-page-sidebar .sidebar1 .gform_footer input {    width: 100% !important;
    padding:10px !important;
   background: #c8131c;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all .4s ease;
    font-size: 14px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: -webkit-center;
    margin: 0px 0px 0px 0px;
    font-family: 'Brandon Grotesque Black';}
.default-page-sidebar .sidebar1 .gform_footer input:hover {letter-spacing: 1px;}
.default-page-sidebar .sidebar1 form ul li input {    width: 100% !important;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    margin-bottom:0px;}
.default-page-sidebar .sidebar1 form ul li textarea {    width: 100% !important;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    margin-bottom: 10px;
	height: 100px;
	}

.default-page-sidebar .sidebar1 .gform_wrapper li.hidden_label input{ margin:0px; }
.page-not-found h3 {font-family: 'muli';font-size: 32px;}

.default-page-sidebar .sidebar1 .gform_wrapper .has_city span label{display:none;}

/* 404 End */
.inner-page  article ul { padding:0px; margin: 0px; list-style: none;}
.inner-page  article ul li:before {
	    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 10px;
    top: 1px;}
.inner-page article ul li {    position: relative;
    padding-left: 20px;
    margin-bottom: 7px;
   line-height: 1.5;
font-size: 1.2rem;}
.inner-page article ol li { margin-bottom: 7px;}

.default-page-sidebar .sidebar1 .gform_wrapper .ginput_complex .ginput_left{ padding-right:0px; }

/* About Us */
.icon {
  width: 100px;
}

.names{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: table;
  margin-bottom: 40px;
}

.names p {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: center;
  display: table-cell;
}

/* Contact*/
#contact {
  width: 100%;
  background: #fff;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

#contact div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

#contact h2 {
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.25rem;
  text-align: center;
}

.telephone,
.email {
  color: #176aff;
  text-decoration: none;
  display: block;
  line-height: 1.5em;
  font-size: 1.5rem;
}

.telephone:hover {
  color: #004DD7;
}

.email:hover {
  color: #004DD7;
}

#contact p {
  line-height: 1.5em;
  font-size: 1.5rem;
}


/* 5. FOOTER */

.wantMore {
  background-color: #9091A1;
}

.wantMore:hover {
  background-color: #676777;
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.wantMoreColor1 {
  color: #706f70;
}

.wantMoreColor2 {
  color: #9B9B9B;
}

.wantMore > div {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%;
}

.wantMore > div > div {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 2rem;
}

.wantMore h2  {
  line-height: 1.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.55rem;
  color: #fff;
  text-align: center;
  padding-top: 1rem;
}

.wantMore p  {
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: center;
  max-width: 34em;
  margin-left: auto;
  color: #fff;
  margin-right: auto;
}

.wantMore > div > div > div {
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: center;
  display: block;

}

.wantMore a {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  line-height: 1.5;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

.wantMore a div {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.wantMore a div object {
  padding-right: 1rem;
  display: inline;
}

.companyProfile {
  background-color: #fafafa;
}

.companyProfileColor1 {
  color: #706f70;
}

.companyProfileColor2 {
  color: #9B9B9B;
}

.companyProfile > div {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%;
}

.companyProfile > div > div {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 2.5rem;
}

.companyProfile h2  {
  line-height: 2.25;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.55rem;
  text-align: center;
}

.companyProfile p  {
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: center;
  max-width: 34em;
  margin-left: auto;
  margin-right: auto;
}

.companyProfile > div > div > div {
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: center;
  display: block;

}

.companyProfile a {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: center;
}

.companyProfile a:hover {
  color: #151515;
}

.companyProfile a div {
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.companyProfile a div object {
  padding-right: 1rem;
  display: inline;
}

.pdf {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  padding-bottom: 0.8rem;
}

.facebook {
  color: #fff;
  background-color: #3664A2;
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.facebook:hover {
  color: #3664A2;
  background-color: #eff3f8;

}

.facebook:focus {
  color: #fff;
  background-color: #3664A2;
}

.facebook:active {
  color: #fff;
  background-color: #3664A2;
}

.instagram {
  color: #fff;
  background-color: #D72A7C;
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.instagram:hover {
  color: #D72A7C;
  background-color: #fceff5;

}

.twitter {
  color: #fff;
  background-color: #176AFF;
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.twitter:hover {
  color: #176AFF;
  background-color: #edf4ff;
}

footer {
  background-color: #FAFAFA;
  text-align: center;
  padding-bottom: .5rem;
}

.socialMedia {
  width: 100%;
}

.socialMedia a div {
  width: 100%;
  float: left;
  padding: 2rem;
}

.socialMedia {
  font-size: 1.5rem;
}

.footerFont {
  color: #a2a2a2;
  text-decoration: none;
  font-size: .875rem;
}

/* .underline-hover:hover, .underline-hover:focus { text-decoration: underline; }
 */
.smallPrint {
  max-width: 100%;
  margin: 1rem;

}


/* 6. MORE.HTML MIXTAPE SECTION / IMPRINT / AGB / DATA PRIVACY  */

.mixtape1 {
  background: #fcca43;
  padding-bottom: 4rem;
}



.mixtape1 > div {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.mixtape1 > div > div {
  width: 90%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.mixtape1 h1 {
  font-size: 2.25rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  margin-top: 8rem;
  margin-bottom: 1rem;
}
.subtitle {     text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    min-height: 105px;
    margin-top: 0px;}

.mixtape1 img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mixtape2 {
  background: #fde8e7;
  padding-bottom: 4rem;
}

.mixtape2 > div {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.mixtape2 img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mixtape3 {
  background: #111111;
  padding-bottom: 4rem;
}

.mixtape3 > div {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.mixtape3 img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.mixtapeColor {
  color: #c8a134;
}

.takeMeBack {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%;
  background-color: #fff;
}

.takeMeBack:hover {
  background-color: #fafafa;
}

.takeMeBack > div {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 4rem;
  padding-top: 4rem;
}

.takeMeBack > div > div {
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-align: center;
}

.takeMeBack > div > div > div {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;

}

.takeMeBack span {
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  line-height: 1.5;
  font-size: 1.2rem;
  text-align: center;
}

.takeMeBack span:hover {
  color: #151515;
}

.takeMeBackColor1Â {
  color: #fff;
}

/*AGB*/
#imprint {
  background-color: #f4f4f4;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-top: 2rem;
  float:left;
}
#imprint.fullwidth {    padding-bottom: 2rem;
    padding-top: 4rem;}
#imprint.withsidebar { padding-top: 4rem; padding-bottom:4rem;
}
#imprint > div {
  margin-left: auto;
  margin-right: auto;
}

/*#imprint > div > div {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}*/

#imprint h3 {
  text-transform: uppercase;
}

#imprint h4 {
  text-transform: uppercase;
}
.inner-page article h2 {
	    text-transform: inherit !important;
    font-family: 'muli';
    color: #515151;
    font-weight: 700;}
.inner-page article h3 { font-weight: 600;   text-transform: inherit !important;
    font-family: 'muli';}
#imprint p {
  line-height: 1.5;
  font-size: 1.2rem;
}

.imprintSecondary {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  float: left;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;

}


/*.inner-page{ width:78%; margin:0 auto; }
*/
.noJavaScript {
  height: 100vh;
  width: 100%;
  display: table;
}

.noJavaScript > div {
  vertical-align: middle;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: table-cell;
}

.noJavaScript h2 {
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.25rem;
  font-style: italic;
  text-align: center;
}

.noJavaScript p {
  line-height: 1;
  text-transform: uppercase;
  font-size: 2.25rem;
  font-style: italic;
  text-align: center;
  font-size: 1.5rem;
}


/* 7. EFFECTS  */

/* 7.1 Parallax.js for Mousemove Effect */


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.scene {
  padding: 0;
  margin: 0;
}

.fill {
  position: absolute;
  bottom: 5%;
  right: 5%;
  left: 5%;
  top: 5%;
}

.expand-width {
  width: 100%;
}

li.layer.kreis1Place{
  top: 35% !important;
}

li.layer.kreis2Place{
  top: 55% !important;
}

li.layer.kreis3Place{
  top: 85% !important;
}

li.layer.kreis4Place{
  top: 78% !important;
}

li.layer.kreis5Place{
  top: 15% !important;
}

li.layer.kreis6Place{
  top: 47% !important;
}

li.layer.kreis7Place{
  top: 3% !important;
}

li.layer.kreis8Place{
  top: 69% !important;
}

li.layer.kreis89lace{
  top: 54% !important;
}

li.layer.quadrat1Place{
  top: 52% !important;
}

li.layer.quadrat2Place{
  top: 8% !important;
}

li.layer.quadrat3Place{
  top: 64% !important;
}

li.layer.quadrat4Place{
  top: 25% !important;
}

li.layer.quadrat5Place{
  top: 87% !important;
}

li.layer.polygon1Place{
  top: 25% !important;
}

li.layer.polygon2Place{
  top: 5% !important;
}

li.layer.polygon3Place{
  top: 45% !important;
}


/* Starting with Styling for single Elements */
.layer:nth-child(1) {
  opacity: 0;
  height: 100vh;
}
.layer:nth-child(1) button {
  -webkit-transform: rotate(150deg);
}

.layer:nth-child(2) {
  opacity: 1;
  margin-left: 85%;
  height: 100px;
  width: 100px;
}
.layer:nth-child(2) button {
  -webkit-transform: rotate(120deg);
}

.layer:nth-child(3) {
  opacity: 1;
  margin-left: 15%;
  height: 100px;
  width: 100px;
}
.layer:nth-child(3) button {
  -webkit-transform: rotate(90deg);
}

.layer:nth-child(4) {
  opacity: 1;
  margin-left: 85%;
  height: 100px;
  width: 100px;
}
.layer:nth-child(4) button {
  -webkit-transform: rotate(60deg);
}

.layer:nth-child(5) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 15%;
}
.layer:nth-child(5) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(6) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 40%;
}
.layer:nth-child(6) button {
}

.layer:nth-child(7) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 25%;
}
.layer:nth-child(7) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(8) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 78%;
}
.layer:nth-child(8) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(9) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 14%;
}
.layer:nth-child(9) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(10) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 14%;
}
.layer:nth-child(10) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(11) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 34%;
}
.layer:nth-child(11) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(12) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 64%;
}
.layer:nth-child(12) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(13) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 73%;
}
.layer:nth-child(13) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(14) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 55%;
}
.layer:nth-child(14) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(15) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left:45%;
}
.layer:nth-child(15) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(16) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 63%;
}
.layer:nth-child(16) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(17) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 3%;
}
.layer:nth-child(17) button {
  -webkit-transform: rotate(30deg);
}

.layer:nth-child(18) {
  opacity: 1;
  height: 100px;
  width: 100px;
  margin-left: 65%;
}
.layer:nth-child(18) button {
  -webkit-transform: rotate(30deg);
}

/* Classes to define Element-Size, Color and Shape */
.kreis1 {
  border-radius: 50%;
  background: #ff3260;
  height: 50%;
  width: 50%;
}

.kreis2 {
  border-radius: 50%;
  background: #f2f2ee;
  height: 10%;
  width: 10%;
}

.kreis3 {
  border-radius: 50%;
  background: #151515;
  height: 30%;
  width: 30%;
}

.kreis4 {
  border-radius: 50%;
  background: #f4dbef;
  height: 15%;
  width: 15%;
}

.kreis5 {
  border-radius: 50%;
  background: #24A5BA;
  height: 23%;
  width: 23%;
}

.kreis6 {
  border-radius: 50%;
  background: #ff3260;
  height: 25%;
  width: 25%;
}

.kreis7 {
  border-radius: 50%;
  background: #f4dbef;
  height: 16%;
  width: 16%;
}

.kreis8 {
  border-radius: 50%;
  background: #ff3260;
  height: 16%;
  width: 16%;
}

.kreis9 {
  border-radius: 50%;
  background: #f4dbef;
  height: 12%;
  width: 12%;
}

.quadrat1 {
  background: #262854;
  height: 30%;
  width: 30%;
  display: block;
  position: absolute;
  -webkit-animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -moz-animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -o-animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
}

.quadrat2 {
  background: #f4dbef;
  height: 35%;
  width: 35%;
  display: block;
  position: absolute;
  -webkit-animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -moz-animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -o-animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  animation: moveX 20.34s linear 0s infinite alternate, moveYbottom 20.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
}

.quadrat3 {
  background: #151515;
  height: 25%;
  width: 25%;
  display: block;
  position: absolute;
  -webkit-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -moz-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -o-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
}

.quadrat3 {
  background: #151515;
  height: 25%;
  width: 25%;
  display: block;
  position: absolute;
  -webkit-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -moz-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -o-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
}

.quadrat4 {
  background: #DEEFF1;
  height: 25%;
  width: 25%;
  display: block;
  position: absolute;
  -webkit-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -moz-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -o-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
}

.quadrat5 {
  background: #7EC4FD;
  height: 25%;
  width: 25%;
  display: block;
  position: absolute;
  -webkit-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -moz-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  -o-animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
  animation: moveX 25.34s linear 0s infinite alternate, moveYbottom 21.06s linear 0s infinite alternate, spin 40000ms linear 0s infinite alternate;
}

.polygon1 {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 30px solid #F3DBEF;
    position: absolute;
  -webkit-animation: moveX 34.74s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  -moz-animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  -o-animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
}

.polygon2 {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 35px solid #4EAEFD;
    position: absolute;
  -webkit-animation: moveX 34.74s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  -moz-animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  -o-animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
}

.polygon3 {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 35px solid #24a5ba;
    position: absolute;
  -webkit-animation: moveX 34.74s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  -moz-animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  -o-animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
  animation: moveX 34.34s linear 0s infinite alternate, moveY 42.06s linear 0s infinite alternate, spin 75300ms linear 0s infinite alternate;
}

/*HEADER COLOR IN SECTION STYLING HERE*/


/*HEADER COLOR IN SECTION STYLING END HERE*/


/* 7.2 Midnight.js Styles */
.midnightHeader.default {
  background: rgba (255,255,255,0);
  color: black;
}

.dtMidnight{
  display: inline-table;
  /*height:100%;*/
}

.fixed {
 
}

.logoSvg {
  width: 175px;
  height: 50px;
}

/*header*/
a.navbar-brand {
    float: left;
}
header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
	-webkit-transition: all 1s;
    transition: all 1s;
    color: #fff;
    padding: 5px 20px;
    box-sizing: border-box;
	z-index:999;
	background: rgba(255, 255, 255, 1);
}

/*header end*/



/* Midnight.js NavBar Style for websiteDesign*/
header.websiteMidnight {
  background: rgba(246, 243, 154, 0.94);
  color: black;
}

/* Midnight.js NavBar Style for Website Redesign*/
header.WebsiteRedesignMidnight {
  background: rgba(0, 66, 123, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for thisislisax*/
header.thisislisaxMidnight {
  background: rgba(222, 238, 241, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for jaegermeister*/
header.LeadGenerationMidnight {
  background: rgba(40, 185, 169, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for MindEx
header.mindexMidnight {
  background: rgba(69, 10, 30, 0.94);
  color: black;
}

header.mindexMidnight a {
  color: rgba(255, 255, 255, 0.8);
}

header.mindexMidnight a.workNav {
  color: rgba(255, 255, 255, 1);
}

header.mindexMidnight a {
  opacity: 1;
}

header.mindexMidnight #LetterP1,
header.mindexMidnight #LetterI1,
header.mindexMidnight #LetterX,
header.mindexMidnight #LetterE,
header.mindexMidnight #LetterL,
header.mindexMidnight #LetterP2,
header.mindexMidnight #LetterI2,
header.mindexMidnight #LetterN,
header.mindexMidnight #LetterK,
header.mindexMidnight #BlackSquare {
  fill: #f8f8f8;
}
*/
/* Midnight.js NavBar Style for Social Mediaone*/
header.SocialMediaoneMidnight {
  background: rgba(217, 123, 220, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Digital Marketing*/
header.DigitaMarketingMidnight {
  background: rgba(63, 150, 207, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Ads & Campaigns*/
header.AdsCampaignsMidnight {
  background: rgba(243, 219, 239, 0.94);
  color: black;
}

/* Midnight.js NavBar Style for Branding*/
header.BrandingMidnight {
  background: rgba(234, 94, 35, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Plans & Pricing*/
header.PlansPricingMidnight {
  background:rgba(0, 137, 152, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Testimonials*/
header.TestimonialsMidnight {
  background:rgba(146, 246, 147, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Blog*/
header.BlogMidnight {
  background:rgba(10, 97, 154, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Carrers*/
header.CarrersMidnight {
  background:rgba(36, 165, 186, 0.94);
  color: black;
}
/* Midnight.js NavBar Style for Moonlanding
header.moonlandingMidnight {
  background: rgba(245, 226, 242, 0.94);
  color: black;
}

.midnightHeader.moonlandingMidnight a {
  color: rgba(48, 43, 47, 1);
}

.midnightHeader.moonlandingMidnight a.workNav {
  color: rgba(89, 85, 88, 1);
}

.midnightHeader.moonlandingMidnight a {
  opacity: 1;
}

.midnightHeader.moonlandingMidnight #LetterP1,
.midnightHeader.moonlandingMidnight #LetterI1,
.midnightHeader.moonlandingMidnight #LetterX,
.midnightHeader.moonlandingMidnight #LetterE,
.midnightHeader.moonlandingMidnight #LetterL,
.midnightHeader.moonlandingMidnight #LetterP2,
.midnightHeader.moonlandingMidnight #LetterI2,
.midnightHeader.moonlandingMidnight #LetterN,
.midnightHeader.moonlandingMidnight #LetterK,
.midnightHeader.moonlandingMidnight #BlackSquare {
  fill: #302B2F;
}*/

/* Midnight.js NavBar Style for SkyVIV
header.skyvivMidnight {
  background: rgba(59, 62, 100, 0.94);
  color: black;
}

.midnightHeader.skyvivMidnight a {
  color: rgba(211, 212, 220, 1);
}

.midnightHeader.skyvivMidnight a.workNav {
  color: rgba(228, 229, 234, 1);
}

.midnightHeader.skyvivMidnight a {
  opacity: 1;
}

.midnightHeader.skyvivMidnight #LetterP1,
.midnightHeader.skyvivMidnight #LetterI1,
.midnightHeader.skyvivMidnight #LetterX,
.midnightHeader.skyvivMidnight #LetterE,
.midnightHeader.skyvivMidnight #LetterL,
.midnightHeader.skyvivMidnight #LetterP2,
.midnightHeader.skyvivMidnight #LetterI2,
.midnightHeader.skyvivMidnight #LetterN,
.midnightHeader.skyvivMidnight #LetterK,
.midnightHeader.skyvivMidnight #BlackSquare {
  fill: #D3D4DC;
}*/

/* Midnight.js NavBar Style for LHH
header.lhhMidnight {
  background: rgba(25, 79, 93, 0.94);
  color: black;
}

.midnightHeader.lhhMidnight a {
  color: rgba(208, 208, 208, 1);
}

.midnightHeader.lhhMidnight a.workNav {
  color: rgba(231, 231, 231, 1);
}

.midnightHeader.lhhMidnight a {
  opacity: 1;
}

.midnightHeader.lhhMidnight #LetterP1,
.midnightHeader.lhhMidnight #LetterI1,
.midnightHeader.lhhMidnight #LetterX,
.midnightHeader.lhhMidnight #LetterE,
.midnightHeader.lhhMidnight #LetterL,
.midnightHeader.lhhMidnight #LetterP2,
.midnightHeader.lhhMidnight #LetterI2,
.midnightHeader.lhhMidnight #LetterN,
.midnightHeader.lhhMidnight #LetterK,
.midnightHeader.lhhMidnight #BlackSquare {
  fill: #E5EBED;
}*/

/* Midnight.js NavBar Style for AnnaLena
header.annalenaMidnight {
  background: rgba(255, 66, 113, 0.94);
  color: black;
}

.midnightHeader.annalenaMidnight a {
  color: rgba(97, 9, 34, 1);
}

.midnightHeader.annalenaMidnight a.workNav {
  color: rgba(112, 33, 56, 1);
}

.midnightHeader.annalenaMidnight a {
  opacity: 1;
}

.midnightHeader.annalenaMidnight #LetterP1,
.midnightHeader.annalenaMidnight #LetterI1,
.midnightHeader.annalenaMidnight #LetterX,
.midnightHeader.annalenaMidnight #LetterE,
.midnightHeader.annalenaMidnight #LetterL,
.midnightHeader.annalenaMidnight #LetterP2,
.midnightHeader.annalenaMidnight #LetterI2,
.midnightHeader.annalenaMidnight #LetterN,
.midnightHeader.annalenaMidnight #LetterK,
.midnightHeader.annalenaMidnight #BlackSquare {
  fill: #610922;
}

.midnightHeader.annalenaMidnight #PinkSquare {
  fill: #cf0071;
}*/

/* Midnight.js NavBar Style for DeinWunschmotiv
header.deinwunschmotivMidnight {
  background: rgba(57, 174, 192, 0.94);
  color: black;
}

.midnightHeader.deinwunschmotivMidnight a {
  color: rgba(10, 49, 55, 1);
}

.midnightHeader.deinwunschmotivMidnight a.workNav {
  color: rgba(34, 69, 75, 1);
}

.midnightHeader.deinwunschmotivMidnight a {
  opacity: 1;
}

.midnightHeader.deinwunschmotivMidnight #LetterP1 {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterI1 {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterX {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterE {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterL {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterP2 {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterI2 {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterN {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #LetterK {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #BlackSquare {
  fill: #0A3137;
}

.midnightHeader.deinwunschmotivMidnight #PinkSquare {
  fill: #cf0071;
}*/

/* Midnight.js NavBar Style for Society6
header.societyMidnight {
  background: rgba(244, 244, 241, 0.94);
  color: black;
}

.midnightHeader.societyMidnight a {
  color: rgba(48, 48, 47, 1);
}

.midnightHeader.societyMidnight a.workNav {
  color: rgba(35, 35, 35, 0.7);
}

.midnightHeader.societyMidnight a {
  opacity: 1;
}

.midnightHeader.societyMidnight #LetterP1,
.midnightHeader.societyMidnight #LetterI1,
.midnightHeader.societyMidnight #LetterX,
.midnightHeader.societyMidnight #LetterE,
.midnightHeader.societyMidnight #LetterL,
.midnightHeader.societyMidnight #LetterP2,
.midnightHeader.societyMidnight #LetterI2,
.midnightHeader.societyMidnight #LetterN,
.midnightHeader.societyMidnight #LetterK,
.midnightHeader.societyMidnight #BlackSquare {
  fill: #30302F;
}*/

/* Midnight.js NavBar Style for Normal*/
.midnightHeader.aboutMidnight {
  background: rgba(255, 255, 255, 0.94);
  color: black;
}

.midnightHeader.aboutMidnight a {
  color: rgba(48, 48, 47, 1);
}

.midnightHeader.aboutMidnight a.studioNav {
  color: rgba(35, 35, 35, 0.7);
}

/* Midnight.js NavBar Style for Contact*/
.midnightHeader.contactMidnight {
  background: rgba(255, 255, 255, 0.94);
  color: black;
}

.midnightHeader.contactMidnight a {
  color: rgba(48, 48, 47, 1);
}

.midnightHeader.contactMidnight a.contactNav {
  color: rgba(35, 35, 35, 0.7);
}
/* Midnight.js NavBar Style for Mixtape#1
.midnightHeader.mixtape1Midnight {
  background: rgba(252, 212, 104, 0.94);
  color: black;
} 

.midnightHeader.mixtape1Midnight a {
  color: rgba(140, 112, 37, 1);
}

.midnightHeader.mixtape1Midnight a {
  opacity: 1;
}

.midnightHeader.mixtape1Midnight #LetterP1,
.midnightHeader.mixtape1Midnight #LetterI1,
.midnightHeader.mixtape1Midnight #LetterX,
.midnightHeader.mixtape1Midnight #LetterE,
.midnightHeader.mixtape1Midnight #LetterL,
.midnightHeader.mixtape1Midnight #LetterP2,
.midnightHeader.mixtape1Midnight #LetterI2,
.midnightHeader.mixtape1Midnight #LetterN,
.midnightHeader.mixtape1Midnight #LetterK,
.midnightHeader.mixtape1Midnight #BlackSquare {
  fill: #4b3c14;
}*/

/* Midnight.js NavBar Style for Mixtape#2 
.midnightHeader.mixtape2Midnight {
  background: rgba(228, 209, 208, 0.54);
  color: black;
}

.midnightHeader.mixtape2Midnight a {
  color: rgba(91, 83, 83, 1);
}

.midnightHeader.mixtape2Midnight a {
  opacity: 1;
}

.midnightHeader.mixtape2Midnight #LetterP1,
.midnightHeader.mixtape2Midnight #LetterI1,
.midnightHeader.mixtape2Midnight #LetterX,
.midnightHeader.mixtape2Midnight #LetterE,
.midnightHeader.mixtape2Midnight #LetterL,
.midnightHeader.mixtape2Midnight #LetterP2,
.midnightHeader.mixtape2Midnight #LetterI2,
.midnightHeader.mixtape2Midnight #LetterN,
.midnightHeader.mixtape2Midnight #LetterK,
.midnightHeader.mixtape2Midnight #BlackSquare {
  fill: #5B5353;
}*/

/* Midnight.js NavBar Style for Mixtape#3 
.midnightHeader.mixtape1Midnight {
  background: rgba(252, 212, 104, 0.94);
  color: black;
}

.midnightHeader.mixtape1Midnight a {
  color: rgba(140, 112, 37, 1);
}

.midnightHeader.mixtape1Midnight a {
  opacity: 1;
}

.midnightHeader.mixtape1Midnight #LetterP1,
.midnightHeader.mixtape1Midnight #LetterI1,
.midnightHeader.mixtape1Midnight #LetterX,
.midnightHeader.mixtape1Midnight #LetterE,
.midnightHeader.mixtape1Midnight #LetterL,
.midnightHeader.mixtape1Midnight #LetterP2,
.midnightHeader.mixtape1Midnight #LetterI2,
.midnightHeader.mixtape1Midnight #LetterN,
.midnightHeader.mixtape1Midnight #LetterK,
.midnightHeader.mixtape1Midnight #BlackSquare {
  fill: #4b3c14;
}*/

/* Midnight.js NavBar Style for AGB / IMPRESSUM / DATENSCHUTZ 
.midnightHeader.agbMidnight {
  background: rgba(255, 255, 255, 0.94);
  color: black;
}

.midnightHeader.agbMidnight a {
  color: rgba(48, 48, 47, 1);
}

.midnightHeader.agbMidnight a {
  opacity: 1;
}

.midnightHeader.agbMidnight #LetterP1,
.midnightHeader.agbMidnight #LetterI1,
.midnightHeader.agbMidnight #LetterX,
.midnightHeader.agbMidnight #LetterE,
.midnightHeader.agbMidnight #LetterL,
.midnightHeader.agbMidnight #LetterP2,
.midnightHeader.agbMidnight #LetterI2,
.midnightHeader.agbMidnight #LetterN,
.midnightHeader.agbMidnight #LetterK,
.midnightHeader.agbMidnight #BlackSquare {
  fill: #30302F;
}
*/


/* 8. ANIMATIONS  */

/* 8.1 Hover Animation für Dubstep Hover über HL */
.dubstepHover:hover {
  animation: dubstep 1s 1 ease;
}

@keyframes dubstep {
  0% {
    text-shadow: 0 0 0 #fff;
  }
  40% {
    text-shadow: 3px 0 0 #e6007e;
  }
  43% {
    text-shadow: 3px 0 0 #24a5ba, 15px 0 0 #ff2e62, -7px 0 0 #f4dbef;
    color: #f1f1f1;
  }
  44% {
    text-shadow: 3px 0 0 #f6f39a, 15px 2px 0 #24a5ba, -7px -1.5px 0 #f6f39a;
    color: rgba(0, 0, 0, 0.2);
  }
  45% {
    text-shadow: 3px 0 0 #24a5ba, 15px 0 0 #e6007e, -7px 0 0 #f6f39a;
    color: #f1f1f1;
  }
  100% {
    text-shadow: 0 0 0 #fff;
  }
}

/* 8.2 Keyframes for Moving and Rotating Animations of Elements in Header */
@-webkit-keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
      }

    to {
        -webkit-transform:rotate(360deg);
      }
}

@-webkit-keyframes moveXright {
  from { right: 0; } to { right: 100%; }
}
@-moz-keyframes moveXright {
  from { right: 0; } to { right: 100%; }
}
@-o-keyframes moveXright {
  from { right: 0; } to { right: 100%; }
}
@keyframes moveXright {
  from { right: 0; } to { right: 100%; }
}

@-webkit-keyframes moveX {
  from { left: 0; } to { left: 100%; }
}
@-moz-keyframes moveX {
  from { left: 0; } to { left: 100%; }
}
@-o-keyframes moveX {
  from { left: 0; } to { left: 100%; }
}
@keyframes moveX {
  from { left: 0; } to { left: 100%; }
}

@-webkit-keyframes moveY {
  from { top: 0; } to { top: 100%; }
}
@-moz-keyframes moveY {
  from { top: 0; } to { top: 100%; }
}
@-o-keyframes moveY {
  from { top: 0; } to { top: 100%; }
}
@keyframes moveY {
  from { top: 0; } to { top: 100%; }
}

@-webkit-keyframes moveYbottom {
  from { bottom: 0; } to { bottom: 100%; }
}
@-moz-keyframes moveYbottom {
  from { bottom: 0; } to { bottom: 100%; }
}
@-o-keyframes moveYbottom {
  from { bottom: 0; } to { bottom: 100%; }
}
@keyframes moveYbottom {
  from { bottom: 0; } to { bottom: 100%; }
}

/* 8.3 Arrow Animation for Hover and Links */
.arrowAnimate > div div :hover .arrowAnimateChild{
    -moz-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    -o-transform: translate(5px, 0px);
    -webkit-transform: translate(5px, 0px);
    transform: translate(5px, 0px)
    -o-transition:.4s;
    -ms-transition:.4s;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
}

.arrowAnimateservices > div div div :hover .arrowAnimateservicesChild {
    -moz-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    -o-transform: translate(5px, 0px);
    -webkit-transform: translate(5px, 0px);
    transform: translate(5px, 0px)
    -o-transition:.4s;
    -ms-transition:.4s;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
}

.arrowAnimateservicesChildA {
  display: inline;
}

.arrowAnimate2 :hover .arrowAnimateChild2{
    -moz-transform: translate(5px, 0px);
    -ms-transform: translate(5px, 0px);
    -o-transform: translate(5px, 0px);
    -webkit-transform: translate(5px, 0px);
    transform: translate(5px, 0px)
    -o-transition:.4s;
    -ms-transition:.4s;
    -moz-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
}

/* 8.4 Fade-In of Elements */
.hideme
{
  opacity:0;
}

/* 8.5 Typed.js */
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    padding-right: 9px;
    font-family: sans-serif;
    font-weight: 500;
    color: #151515;
    position: relative;
    top: 1px;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.element {
  padding-top: .25rem;
}

.element1 {
  margin-left: 20px;
}

.element2 {
  padding-top: .25rem;
}

/* 8.6 SVG Animaton for Header Nav transforming a Button Shape */
.svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
	margin: 0 auto;
  width: 320px;
}
.shape {
  stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 0px;
  fill: transparent;
  stroke: #151515;
  border-bottom: 0px solid black;
  transition: stroke-width 0.6s, stroke-dashoffset 0.6s, stroke-dasharray 0.6s;
}

.textAnimate {
  top: -48px;
  text-align: center;
  position: relative;
}
.svg-wrapper:hover .shape {
  stroke-width: 3px;
  stroke-dashoffset: 0;
  stroke-dasharray: 760;
}

/*JUL-17*/

.main-demo-heading {
    padding: 120px 0;
   background-image: url(images/digitechnique.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.over-layer-black {
    position: relative;
}

.over-layer-black:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.main-demo-heading.over-layer-black:before {
    background: rgba(0,0,0,0.5);
}

.contact-page {
  background:#00427b;
  padding-bottom: 1rem;
  width:100%;
  float:left;
}

.contact-page .mixtapeColor {
        color: #4cbcec;
		    text-shadow: 2px 2px 2px #3c3c3c;
}

.contact-page .content-inner p{ color:#FFF;}

.contact-page .content-inner div.contact_width{ width:50%; float:left;}
.contact-page .content-inner .location_sect li{ width:100%; list-style-type:none;}

/*ABOUT US*/
.aboutPage{width:100%;float:left;margin:15px 0;}
/*ABOUT US END*/

/*With Sidebar Start*/
.withsidebar {}
.withsidebar article { width: 70%;    float: left;
    position: relative;
    min-height: 1px;
    box-sizing: border-box; padding-left: 15px;
    padding-right: 15px;}

.withsidebar aside {    width:30%;
    float: left;
    position: relative;
    min-height: 1px;
    box-sizing: border-box;
    padding:0 15px;
/*    background-color: #ffffff;*/

    border-right: none;
/*    border-radius: 4px;*/
}

.withsidebar aside .sidebar1  {background-color:#00315b;}


.sidebar h3 {
    font-size: 20px;
    padding: 5px 10px;
    border-left: 4px solid #f2f2f2;
    margin-bottom: 15px;
    color: #202e45;    margin-top: 30px;
}
.sidebar ul {    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;}
.sidebar ul:last-child {padding-bottom: 0px;
    border-bottom: none;}
.blog-page .sidebar ul li.cat-item {
        width: 100%;
    display: inline-block;
    margin-bottom: 0.5em;
    padding-left: 0px;
    border-bottom: 0;
    padding-bottom: 0;
}
.sidebar ul li a {    font-weight: 600;
    color: #ff890c;
    text-decoration: none;}
.sidebar ul li .post-date {    font-size: 10px;
    font-weight: 600;
    display: block;}
.sidebar ul li { margin-bottom: 10px;}
.sidebar ul li.cat-item a{        color: rgba(32,46,69,0.9);
    background: #f8f8f9;
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
    transition: all .4s ease;    box-shadow: 2px 2px 2px #eee;
    box-sizing: border-box; text-decoration: none; }
.sidebar ul li.cat-item a:hover {box-shadow: none;}
.blog-page .sidebar ul li {    padding-left: 30px;
    position: relative;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;}
.blog-page .sidebar ul li:last-child{ padding-bottom: 0px; border-bottom: none;}
.blog-page .sidebar ul li:before {      display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f097";
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    top: 2px;
    left: 5px;;
}
.sidebar ul li.cat-item:before { content: none;}
.sidebar h3:first-child { margin-top: 0px;}
.sidebar form {    position: relative;
    margin-bottom: 30px;
    display: block;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;}
.sidebar form input[type=text] {    height: 38px;
    padding: 5px 70px 5px 10px;
    width: 100%;}
.sidebar form input[type=submit] {     height: 38px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    right: 0;
    background: #4bbcec;
    border: none;
    color: #fff;    cursor: pointer;}
.sidebar form input[type=submit]:hover {    background: #2892c1;}

.call-us-sidebar{    text-align: center;
    padding: 10px 10px;
    background: #2980b9;
    margin-bottom:15px;
    border-bottom: 2px solid #333;}

.call-us-sidebar a{color:#fff; font-weight:700; font-size:19px; text-decoration:none;}
.call-us-sidebar a:hover{color:#fff; text-decoration:none;}
.call-us-sidebar img{ float:left; }
.call-us-sidebar a:after{ background:#fff; }

/*With Sidebar End*/

/*Fullwidth Start*/
.fullwidth  article{width: 100%;    float: left;
    position: relative;
/*	background: #fff;*/
    min-height: 1px;
    box-sizing: border-box;   
   /*  padding-left: 15px; padding-right: 15px;*/
   }
/*Fullwidth End*/

/*Faq's Start */
.faq {    display: flex;
    flex-wrap: wrap;}
.faq-conent {padding: 30px 25px;
    background: #fff;
    box-shadow: 2px 2px 2px #dedede;
    margin-bottom: 15px;}
.question {    position: relative;
    padding-left: 60px;}
.answer {    position: relative;    padding-left: 60px;}	
.faq-conent .answer span {background: #2892c1;}
.faq-conent span {    position: absolute;
    left: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    background: #175286;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color: #fff;
    font-family: 'Brandon Grotesque Black';}
.faq-conent h3 {margin-top: 0;
    color: #333;
    text-transform: inherit !important;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Muli';
    line-height: 48px;}
.faq-conent p {    margin-bottom: 0;}

/* Feq's End */

/*Testimonials Start */
.testimonials {}
.single-testimonials {    width: 33.3333%;
    /* float: left; */
    padding: 0 15px;
    margin: 50px 0px 30px 0px;
    display: flex;}
.testimonials .carousel-inner {    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;}
.right_sec { position:relative;   background: #fff;
    padding: 15px;
    text-align: center;
    box-shadow: 2px 2px 2px #efefef;}
.testi-img {height: 100px;
    width: 100px;
    margin: 0 auto;
    margin-top: -74px;
    background: #ffffff;
    border-radius: 100px;
    overflow: hidden;
    padding:0px;
    border: 4px solid #f4f4f4;}
.single-testimonials img {    max-height: 100%;
    width: auto;}
.inner-page article .single-testimonials h2 { margin: 0;
    font-size: 20px;
    font-family: 'Muli';
    font-weight: 600;
        color: #d72a7c; }
.single-testimonials h4 {    text-transform: capitalize !important;
    font-size: 16px;
    font-family: 'Muli';
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;    font-style: italic;}
.right_sec:before {content: "\f10e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 20px;
    top: -20px;
    width: 40px;
    height: 40px;
    background: #007eff;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
	display:none;
}
.single-testimonials p {color: rgba(32,46,69,0.9);}
.client-designation {}
/*Testimonials End */
/* Blog Start */
.tagcloud a {font-size: 12px !important;
    text-decoration: none;
    background: #f8f8f8;
    padding: 5px 10px;
    color: rgba(32,46,69,0.9);
    line-height: 18px;
    display: inline-block;
    margin: 5px;}
.single-post-page {    padding: 15px;
    background: #fff;    min-height: 500px;}
.single-post-image { display: block;}
.blog-page-listing .post.type-post {    width: 50%;
    float: left;
    padding: 0px 15px;
    transition: all .5s ease-in-out;    margin-bottom: 30px;}
.blogs {    border-radius: 5px;    transition: all .5s ease-in-out;
    box-shadow: 0 20px 150px rgba(22, 22, 22, 0.12);opacity: 1;
    -webkit-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, 0.175, 1);    overflow: hidden;}
.blogs h3 { text-transform: inherit !important;}
.blogs h3 a {font-size: 24px;
    letter-spacing: 0.5px;
    font-family: 'Muli';
    font-weight: 400;
    color: #202e45;
    text-decoration: none;}
.post-content {    padding: 0px 15px;
    color: rgba(32,46,69,0.9);}
.blogs:hover .read-more {
    color: #000000 !important;
    letter-spacing: 1px !important;
    transition: all .4s ease;
}
.post-thumb img {    transition: all 400ms ease;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
	}
.blogs:hover img {    -ms-transform: scale(1.00) !important;
    -webkit-transform: scale(1.00) !important;
    transform: scale(1.00) !important;
    transition: all 400ms ease;}
.read-more {    transition: all .4s ease;
    font-size: 14px;
    letter-spacing: 2px;
    color: rgba(32,46,69,0.9);
    text-transform: uppercase;
    text-align: -webkit-center;
    margin: 30px 0px 0px 0px;
    width: -webkit-fill-available;
    display: inline-block;
    padding: 15px;
    border-top: 1px solid #e6e4e4;
    font-family: 'Brandon Grotesque Black';
    text-decoration: none;}

/* Blog End */
/* Plans Start */


* {
  box-sizing: border-box;
}

.plans .columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}
.inner-page article .plans .columns ul li:before { content: none;}
.plans .price {
  list-style-type: none;
  border: 1px solid #eae6e6;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #fff;
}

.plans .price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.plans .price .header {
  background-color: #4bbcec;
  color: white;
  font-size: 25px;
}

.plans .price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
      margin: 0;
}

.plans .price .grey {
  background-color: #eee;
  font-size: 20px;
}

.plans .button {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}



.plans {}
/* Plans End */

/* Carrer End */
.carrer {}
.carrer h2 {    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 2.25rem;
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'muli';
    font-weight: 400;}
.carrer h2 span { font-weight: 900;
    color: #00427b;}

.carrer h3 {    line-height: 1.35;
    text-transform: inherit !important;
    text-align: center;
    margin-top: 0;
    font-weight: 400;
    font-family: 'Muli';
    font-size: 1.05em;}
.contact-us-button {padding: 7px 15px;
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
    background: #00427b;
    color: #fff;
    text-decoration: none;
    transition: all .4s ease;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: -webkit-center;
    border-top: 1px solid #e6e4e4;
    font-family: 'Brandon Grotesque Black';
    line-height: 26px;}
.text-center { text-align: center;}
.carrer-form {    margin-top: 50px;
    width: 100%;
    float: left;}
.carrer-form form {  background:#00315b;
    padding: 20px;}
.left-cr {    width: 50%;
    float: left;padding: 15px;}
.left-cr h2 { font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    margin-top: 0;
}
.left-cr h2 span {color: red;
    font-weight: 300;}
.carrer-form1 {    width:50%;
    float: left;padding:0px 15px 30px 15px;}

.carrer-form1 .gfield_label{ float:left; margin-bottom:10px; }
.carrer-form1  input {width: 100% !important;    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    margin-bottom: 10px;
  }

.carrer-form1 form li:nth-child(2) {    width: 50%;
    float: left;
    clear: inherit !important;}
.carrer-form1 form li:nth-child(3) {    width: 50%;
    float: left;
    clear: inherit !important;}
	.carrer-form1 form li:nth-child(4) {    width: 100%;
    float: left;
    clear: inherit !important;}
.carrer-form1 form li:nth-child(6) {    width: 50%;
    float: left;
    clear: inherit !important;}
.carrer-form1 form li:nth-child(7) {    width: 100%;
    float: left;
    clear: inherit !important;}
	.carrer-form1 form li:nth-child(8) {    width: 50%;
    float: left;
    clear: inherit !important;}
.carrer-form1 form li:nth-child(9) {    width: 100%;
    float: left;
    clear: inherit !important;}
.carrer-form1 form li input[type=file] {    border: 0;
    box-shadow: none;}
.carrer-form1 form li { padding: 0px 8px !important;}
.carrer-form1 form .gform_footer {text-align: center;
width: 96%;
float: left;
margin:2%;
padding: 0px;}
.carrer-form1 form .gform_footer input {
    border: 1px solid transparent;
    cursor: pointer;
    background:#c8131c;
    color: #fff;
    text-decoration: none;
    transition: all .4s ease;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: -webkit-center;
    border-top: 1px solid #e6e4e4;
    font-family: 'Brandon Grotesque Black';
    padding: 16px !important;
    float: left;
    width: 100% !important;
    outline: none;
    border: none;
}
.contact-us-button:hover {letter-spacing: 1px;}
.carrer-form1 form .gform_footer input:hover {letter-spacing: 1px;}
.gform_wrapper div.validation_error { display: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {     max-width: 100% !important;border: none;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-top: 0 !important;}
/* Carrer End */

/* Contact Us Start */
.contact-us .contact-form form li:nth-child(1) {    width: 100%;
    float: left;
    clear: inherit !important;}
.contact-us .contact-form form li:nth-child(2) {    width: 100%;
    float: left;
    clear: inherit !important;}
.contact-us .contact-form form li:nth-child(3) {    width: 100%;
    float: left;
    clear: inherit !important;}
.contact-us .contact-form form li:nth-child(4) {    width: 100%; 
    float: left;
    clear: inherit !important;}
.contact-us .contact-form form li textarea {border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    margin-bottom: 10px;
    box-shadow: 0px 0px 4px #e8e8e8;}
.left-cr iframe { width: 100%; height: 320px; }
.contact_info h3 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #5a9f55;
}
.contact_info h4 {
    font-size: 18px;
    padding-bottom: 4px;
    font-weight: 600;
    color: #ffffff;
    padding-top: 4px;
}
.contact_info p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-left: 21px;
}
.contact-us ul {    margin: 0;
    padding: 0;
    list-style: none;}
.contact-us ul li {    margin-top: 16px;}
/* Contact Us End */

/*27-09-2019*/

.carrer-form1 form li#field_1_2, li#field_1_3, li#field_1_18, li#field_1_19{width:100%;}
.carrer-form1 .gform_wrapper ul li.gfield{margin-top:0px;}
.carrer-form1 .gform_confirmation_wrapper{color:#fff !important;}
#gform_wrapper_3 #field_3_6 .ginput_container span input{margin-bottom:0px;}

/*03-JUN-2021*/



.single-post-page #attachment_935
{width:100% !important;}

.col-6{width:50%; float:left;}
.sitemap-page .single-post-page
{float:left; width:100%;}
.single-post-page a
{color:#00427b;}

.box{display:none;} 
/*.red.box{display:block;}*/
.box {
  float: left;
  display: ;
  width: 100%;
  height: 100%;
} 

.select-box.select {
    background:#c8131c;
}
.select-box
{ 
    float: left;
    width: 32%;
    text-align: center;
    background: #00427b;
    margin-right: 0;
    color: #fff;
    font-weight: 600;
    font-size:20px;
    margin-bottom: 15px;
    cursor: pointer;
    padding:0px;
    margin: 0 5px;
}
.select-box label{cursor:pointer;
    position:relative;
    padding:10px;
    display:block;}
.select-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}


.gform_legacy_markup_wrapper
{display:block !important;}
.quote-form .gform_wrapper form
{padding: 15px; border: 1px solid #00427b; margin: 0px;
width:100%; float:left; color:#fff; background: #00427b;
  }
.quote-form .simple-steps-heading
{text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
        background: #c8131c;
    color: #fff;
    padding: 10px;}

.quote-form .gform_wrapper .gform_page_footer .button
{
      padding: 15px 50px;
    background-color: #c8131c;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border: none;
    cursor: pointer;
    margin-right: 0;
    display: inline-block;
}

.quote-form .gform_wrapper .gform_page_footer .gform_next_button.button
{
  float:right;
}

.quote-form .gform_wrapper .ginput_container_radio input[type="radio"]
{float:left;}
.quote-form .gform_wrapper .ginput_container_checkbox input[type="checkbox"]
{
      float: left;
    margin-top: 5px !important;
    margin-right: 5px;
}
.quote-form .gform_wrapper li.gfield
{
  padding-right:0px;
  padding-left:0px;
}
.quote-form .gform_wrapper li.gfield input[type="text"], .quote-form .gform_wrapper li.gfield input[type="email"]
{     width: 100%;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    min-height: 48px;
    outline: none;}
.quote-form .gform_confirmation_wrapper 
{    text-align: center;
    font-size: 22px;
    padding: 20px 40px;
    background: #4cbcec;
    color: #fff;
      margin: 25px;}

.quote-form ul.gform_fields li.gfield .ginput_container_radio ul.gfield_radio li.gchoice input[type="radio"]
{width:20px; height:20px; float:left; margin:5px;}
.quote-form ul.gform_fields li.gfield .ginput_container_radio ul.gfield_radio li.gchoice label
{margin:3px;}

.quote-form ul.gform_fields li.gfield.gfield_error .ginput_container_radio ul.gfield_radio li.gchoice label
{color:#fff;}


.quote-form .gform_legacy_markup_wrapper .gfield_required
{color:#fff;}

.quote-form ul.gform_fields li.gfield .ginput_container_checkbox ul.gfield_checkbox li.gchoice input[type="checkbox"]
{width:20px; height:20px; float:left; margin:5px;}
.quote-form ul.gform_fields li.gfield .ginput_container_checkbox ul.gfield_checkbox li.gchoice label
{margin:3px;}
.quote-form .gform_wrapper .gfield_label
{display:block; font-size:20px;}

.quote-form .gform_wrapper .validation_message
{    display: inline-block !important;
    background-color: red;
    color: #fff;
    padding: 5px !important;
    max-width: inherit !important;
    width: auto !important;}

.quote-form .gform_legacy_markup_wrapper .gfield_error .gfield_label
{color:#fff !important;}

.quote-form .gform_wrapper .gf_progressbar_title{display:none;}
.quote-form .gform_wrapper .percentbar_blue.percentbar_100{display:none;}
.quote-form .gform_wrapper .percentbar_blue, .form-page .gform_wrapper .percentbar_blue {
    border-radius: 0px;
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
    background-image: -webkit-linear-gradient(
45deg
,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);
    background-image: -moz- oldlinear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.2) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 25%,transparent 50%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.2) 75%,transparent 75%,transparent);
    background-image: linear-gradient(
45deg
,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent);
    background-size: 20px 20px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.aboutUs{text-align:center;}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

/*JUNE-17-2021*/

.form-quates-auto
{max-width:75%; margin:0 auto;}

.free-quates-page .inner-page article ul li:before
{
  display:none;
}

.gform_legacy_markup_wrapper .gf_progressbar_blue
{border-radius:0px !important;}

.form-quates-auto .gform_legacy_markup_wrapper
{margin:0px; float:left; width:100%;}


/*first-popup-css-start*/
.pum-overlay
{background-color:rgba( 000, 000, 000, 0.5 ) !important;}


.first-popup
{background:#0974bb;
border-top:10px solid #2fb0eb;
float:left;
width:100%;
}

.first-popup .right-img
{float:right;
width:100%;
}

.digi-popup .row .col-md-6
{
  float:left;
  width:50%;
}

.digi-popup .row .col-md-12
{
  float:left;
  width:100%;
}



.pum-container
{padding:0px !important;}

.pum-container button[type="button"].popmake-close
{width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 16px;
    font-size: 18px;
    background: #2fb0eb;
    top:-10px;
    right:-10px;
outline:none;}

.first-popup .form-join
{float: left;
    width: 100%;
    padding: 50px 0 0 25px;
    color: #fff;
margin:0px;}

.first-popup .form-join h2
{font-weight: 700;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 60px;
    margin:0px;
margin-bottom:10px;
color:#fff;}
.first-popup .form-join p
{    font-size: 18px;
    line-height: 28px;}

.first-popup .form-join .gfield input[type="text"]
{    width: 100%;
    height: 52px;
    border: none;
    font-size: 20px;
    padding-left: 18px;
outline:none;
color:#000;
}

.first-popup .form-join .gfield input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#ddd;
  opacity: 1; /* Firefox */
}

.first-popup .form-join .gfield input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#ddd;
}

.first-popup .form-join .gfield input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
  color:#ddd;
}
.first-popup .form-join .gform_footer input[type="submit"].gform_button
{    width: 100%;
    border: 1px solid #fff;
    background: none;
    padding: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom:0px;
    color:#fff;
    cursor:pointer;
}

.popmake-content .gform_validation_errors
{display:none;}

.digi-popup .row .col-md-6 .form-join
{
  padding:50px 25px 0 25px;
}

/*first-popup-css-end*/

.second-popup
{background:#424242;
 padding:75px 30px;
border:8px solid #fff;
float:left;
width:100%;
}


.second-popup h2
{color: #fff;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin: 15px 0;
    padding: 0px;
    letter-spacing: 3px;
    font-weight:500;
    text-transform: uppercase;
}

.second-popup p
{    font-size: 13px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 25px 0;
    line-height: 20px;
}
.second-popup .gform_wrapper{margin:0 auto; max-width:70%;}
.second-popup .second-popup-form .gform-body
{
       width: 70%;
    float: left;
    margin-right: 2%;
}
.second-popup .second-popup-form .gform-body .gfield input[type="text"]
{    background: none;
    border: none;
    font-size: 20px;
    height: 48px;
    border-bottom: 1px solid #b1b1b1;
    padding: 0;
    outline: none;
    color: #fff;}

.second-popup .second-popup-form .gform_footer
{float:left;
 width:25%;
 margin:0px !important;
 padding:0px !important;
}
.second-popup .second-popup-form .gform_footer input[type="submit"].gform_button
{ margin: 0;
    height: 48px;
    background: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 20px;
    color: #fff;
}
 

#popmake-1492.pum-container button[type="button"].popmake-close
{     background: transparent;
    width: auto;
    height: auto;
    top: 0;
    border-radius: 0; 
    right: 0;
    box-shadow: none;
    padding: 20px 15px;
    text-transform: inherit;
    font-size: 15px;
    letter-spacing: 1px;}




@media only screen and (max-width: 600px) {
.plans  .columns {
    width: 100%;
  }
}


@media screen and (max-width: 1400px) {
    .kreis5 {
        display: none;
    }

    .quadrat4 {
      display: none;
    }
}



.hero-area {
    height: 100vh;
/*    background: url(../digitechnique/images/digitechnique.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}


element.style {
    background-image: none;
    background-attachment: scroll;
    background-size: auto;
}
.hero-area {
    height: 100vh;
/*    background: url(images/digitechnique.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}
.hero-area.over-layer-black:before {
    background: rgba(173, 168, 168, 0.5);
}
.hero-content {
    width: 100%;
    height: 100%;
    display: table;
	    color: #fff;
    z-index: 9;
    position: relative;
}
.hero-content-center {
    vertical-align: middle;
    display: table-cell;
	text-transform:uppercase;
}
.jquery-ripples {
    position: relative;
    z-index: 0;
}

.hero-content-center .hero-col{ font-size:40px; line-height:40px;}
.hero-content-center .hero-col h5 {
    /*color:#ffba00;*/
    color: #3F96CF;
    letter-spacing: 12px;
    margin-bottom: 20px; text-transform:uppercase; font-size:35px; line-height:35px; margin:0px; padding:0px;
}

.hero-col h2 {
    font-size: 50px;
    color: #f3f3f3;
    margin-bottom: 20px; text-transform:uppercase;
}

.hero-col .cd-headline{font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal; font-family: 'Brandon Grotesque Light';}


/* Background Over Layer CSS */
.over-layer-black {
    position: relative;
}
.over-layer-black:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.8);
}
.over-layer-white {
    position: relative;
}
.over-layer-white:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.85);
}


.main-header {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}

.main-header .fixed-top {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	/* padding:12px; */
	background:rgba(00,00,00,0.4);
}
.main-header .navbar-brand {
    width: 220px; float:left;
}

.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
}
.navbar-light .navbar-nav .nav-link.active{
 /*color:#ffba00;*/
  color: #3f96cf;
 }
 
.navbar-light .navbar-nav .nav-link {
       color: #8d8b8b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'Muli';
    font-weight: 400;
	
}

.arrowAnimateservicesChild .icon{margin-right:15px;}


.content-inner p{color: #4A3A2F; font-size: 18px;
    line-height: 32px;
    text-align: center;
}

/*Mobile Menu*/


.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin:0; }
	
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgb(0, 0, 0);
    -moz-box-shadow: 0 1px 0 rgb(0, 0, 0);
    box-shadow: 0 1px 0 rgb(0, 0, 0); }

  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; float: right;}
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; border-bottom:none; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
 font-size: 16px;
box-sizing: border-box;
background: #424446;
padding: 0;
position:absolute;
z-index: 9999;
border-bottom: 1px solid #2f3032; width:100%;}
  
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; display:none;}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:none;}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin:0 5px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
   } 
    .slicknav_nav .slicknav_row:hover {color: #fff; }
  .slicknav_nav a {
   padding: 5px 10px;
margin: 0;
text-decoration: none;
color: #fff;
border-bottom: 1px solid #565656;
line-height: 30px;
text-transform: uppercase;
font-size: 12px;}

   
.slicknav_nav .submenu{border-bottom:none;}

  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }


.slicknav_menu {
	display:none;
}

@media screen and (max-width:1280px)
{
	.main-header .navbar-light .navbar-nav .nav-link{margin-right:11px;font-size:14px;}
	nav div ul {
  padding-right: 0;
padding-left: 0px;
}
	
}

@media only screen and (min-width:992px) and (max-width:1200px){

nav div ul li ul{ 
  width:197px;position: 
  absolute;top:100%;
  z-index: 9999;
  padding:0 5px 5px;
  display: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #8d8b8b;
    text-transform: uppercase;
    padding:0px 0;
    margin-right: 12px;
    font-size: 14px;
}

nav div ul li a{ margin-left:8px; }

}
@media screen and (max-width:991px)
{
	.hero-col h2{font-size:40px; margin:20px 0 20px;}
	.serviceIcons > div > div{min-height:200px;}
	#contact h2{ font-size:50px;}
	
	.main-header .fixed-top{position:relative; width:100%; display:inline-block; padding:0px;} 
	 .main-header .navbar-brand {float:none; display:inline-block; text-align: center; width: 100%; margin-top:50px;}
	.js #menu {
		display:none;
	}

	
	.js .slicknav_menu {
		display:block;
	}	 

  .slicknav_menu {
    display:block;
    top: 0;
    border-bottom: 1px solid #ffffff;
    /*background-color:  #ffffff;*/
    background-color: #155185;
  }  


  .slicknav_nav a {
    padding: 5px 10px;
    margin: 0;
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
}

nav#cssmenu {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

header{
  position: unset;
}
  a.navbar-brand {
    float: none;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #ffba00;
}


    
}

  
	 
	
	


/* iPhone 6 */
@media screen and (max-width: 667px) {

    .kreis1 {
      width: 25%;
      height: 25%;
    }

    .kreis7 {
        display: none;
    }

    .socialMedia a div {
      padding: 1rem;
    }
	
	  .main-header .fixed-top{position:relative; width:100%; display:inline-block; padding:0px;} 
	  .main-header .navbar-brand {float:none; display:inline-block; text-align: center; width: 100%; margin-top:50px;} 
	 .hero-content-center .hero-col{margin-top:100px; font-size:18px; line-height:24px;}
	 .hero-content-center .hero-col h5{font-size:24px; line-height:24px; letter-spacing: 8px;}
	 .hero-content-center .hero-col h2{margin:10px 0px; font-size:30px; line-height:35px;}
	 .portfolioDescription h2{font-size:18px;}

 .js .slicknav_menu { 
		 display:block;
	 }

}



/* Avoid small screens NS NotSmall */
@media screen and (min-width: 30em) {

  h1 {
    font-size: 6rem;
  }

  picture {
    position: absolute;
  }

  nav div div a {
    vertical-align: middle;
  }

  .portfolioDescription {
    height: 100vh;
  }

  .aboutUs h2 {
    font-size:50px;
  }

  .names{
    width: 50%;
  }

  .services h2 {
    font-size:50px;
  }

  .services > div > div:nth-of-type(2) {
    width: 80%;
  }

  #contact h2 {
    font-size:50px;
  }

  .socialMedia {
    font-size: 1.25rem;
  }

  .noJavaScript p {
    font-size: 1.25rem;
  }
  
  .gradient2{padding:0px;} 
  .gradient{padding:0px;}
  .hero-content-center .hero-col{ margin-top:100px;}

  /* 9.1 Animation for Link Hovers SlidingLine: Farbe Schwarz */
  .sliding-u-l-r-l {
      display: inline-block;
      position: relative;
      padding-bottom: 3px;
  }
  .sliding-u-l-r-l:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1.5px;
      width: 0;
      transition: width 0s ease, background .5s ease;
  }
  .sliding-u-l-r-l:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 1.5px;
      width: 0;
      background: rgba(0,0,0,0.6);
      transition: width .5s ease;
  }
  .sliding-u-l-r-l:hover:before {
      width: 100%;
      background: rgba(0,0,0,0.6);
      transition: width .5s ease;
  }
  .sliding-u-l-r-l:hover:after {
      width: 100%;
      background: transparent;
      transition: all 0s ease;
  }

  /* Animation for Link Hovers Weiß - letzter Buchstabe der Klasse "w" steht for Weiß */
  .sliding-u-l-r-l-w {
      display: inline-block;
      position: relative;
      padding-bottom: 3px;
  }
  .sliding-u-l-r-l-w:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1.5px;
      width: 0;
      transition: width 0s ease, background .5s ease;
  }
  .sliding-u-l-r-l-w:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 1.5px;
      width: 0;
      background: rgba(255,255,255,0.6);
      transition: width .5s ease;
  }
  .sliding-u-l-r-l-w:hover:before {
      width: 100%;
      background: rgba(255,255,255,0.6);
      transition: width .5s ease;
  }
  .sliding-u-l-r-l-w:hover:after {
      width: 100%;
      background: transparent;
      transition: all 0s ease;
  }

  /* Animation for Link Hovers for Telefon und Mail Link - letzter Buchstabe der Klasse "b" steht for Blau */
  .sliding-u-l-r-l-b {
      display: inline-block;
      position: relative;
      padding-bottom: 1px;
  }
  .sliding-u-l-r-l-b:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      height: 1.5px;
      width: 0;
      transition: width 0s ease, background .5s ease;
  }
  .sliding-u-l-r-l-b:after {
      content: '';
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 1.5px;
      width: 0;
      background: #176aff;
      transition: width .5s ease;
  }
  .sliding-u-l-r-l-b:hover:before {
      width: 100%;
      background: #176aff;
      transition: width .5s ease;
  }
  .sliding-u-l-r-l-b:hover:after {
      width: 100%;
      background: transparent;
      transition: all 0s ease;
  }
  
  
 
}

/* Breakpoint M Medium */
.arrowAnimatePortfolioChild{padding-right:15px;}


/*29-06-2019*/

/*.flexslider figure{ margin:0px !important; position:relative; }


    .flexslider .slides figure{position:relative;}
.flexslider .slides figure:after{ content:""; background:rgba(00,00,00,.30); position:absolute; top:0; left:0; width:100%;
height:100%; }
*/


/*----- SLIDER START -----*/

.flexslider {
  overflow: hidden;
  background: #fff;
  position: relative;
  zoom: 1;
  margin:40px 0 0 0;
  padding:0px;
  height:auto;
}

.flexslider figure .hero-col{    position: absolute;
    top:30%;
    left:50%;
    transform: translate(-50%); width:100%;
    text-align:center;}


.flexslider figure .hero-col h5{color:#fff; font-size:70px; line-height:80px; padding:0px; margin:0px; font-weight:400;}
.flexslider figure .hero-col h2{margin: 10px 0px; font-size: 48px; line-height: 52px;}
.flexslider figure .hero-col .element{ color:#fff; text-transform:uppercase; font-size: 22px;}

.flexslider .slides {
 *zoom: 1;
  max-height:400px;
}
.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider .slides img {
  width: 100%;
}
.flex-caption {
  width: 100%;
  margin:0;
  position:absolute;
  top:35%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}

.flex-direction-nav {
  height: 0;
}
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}

.flex-direction-nav .flex-disabled {
  opacity:0;
  filter:alpha(opacity=0);
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
}
.flex-direction-nav a.flex-next:before {
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}


.flexslider .slides figure {
  display: none;
  -webkit-backface-visibility: hidden;
  width:100%;
  margin:0px;
  padding:0px;
}
.flexslider .slides figure:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    font-size: 0;
}

.flex-control-nav li {
    display: inline-block;
    margin: 11px 2px;
    zoom: 2;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    border: 1px solid #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a.flex-active{background:#fff; border-color:#fff;}

.flexslider figure img{float:left; width:100%;} 

/*----- SLIDER END -----*/

section{ width:100%; float:left; }

/*29-JUL-2019*/
.container{width:90%; margin:0 auto;}

.inner-page article .contact-us ul li:before{ display:none; }
/*.contact-us .gfield_select{    width: 100% !important;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    margin-bottom: 10px;
    box-shadow: 0px 0px 4px #e8e8e8;
}*/

.inner-page article .contact-us ul li{ width:100%; float:left;}
.contact-us .carrer-form1 form li textarea{ width:100%; }
.carrer-form1 input{    float: left;
    margin-top: 4px; width:100% !important;}


.carrer-form form{ width:100%; float:left; }
.inner-page article .contact-us .phone-text{text-align:center;}
.inner-page article .contact-us .telephone{    color: #00427b;
    font-size: 35px;
    font-weight: 700;
    padding-bottom: 25px;
    line-height: 42px;}


.sidebar1 .gfield_select{    width: 100% !important;
    border: 1px solid #e8e8e8;
    padding: 8px 10px !important;
    margin-bottom:0px;
    color: #848080;
   }

.sidebar1 .ginput_container_textarea{margin-top:0px;}


.sidebar1 #field_3_6 .ginput_container label{font-size:10px;}
.sidebar1 .gform_wrapper ul li.gfield{margin-top:4px;}
.sidebar1 .textwidget{ text-align:center; }
.sidebar1 .textwidget .call-text{    font-size: 20px;
    font-weight: 700;
    color: #666;
    text-decoration: none;
    padding-bottom: 20px;
    display: inline-block;}

.sidebar1 .gform_wrapper ul li.gfield.gfield_error{padding-top:0px;}

.sidebar1 .textwidget .call-text strong{font-size: 20px;}

.carrer-form #gform_wrapper_1 .gfield_label{ width:100%; float:left; color:#fff; font-size:12px;}

.carrer-form #gform_wrapper_1 select{    padding: 6px;
    border:1px solid #e8e8e8; width:100%; margin-bottom:0px; height:38px;}

.carrer-form #gform_wrapper_1 input[type="text"]{    margin: 0px;
    box-shadow: none; width:100%;}

.carrer-form #gform_wrapper_1 form li:nth-child(9){width:100%;}
.carrer-form #gform_wrapper_1 form li:nth-child(6){ width:100%; }

.carrer-form #gform_wrapper_1 ul.gform_fields li.gfield .has_city span{ width:32% !important;}
.carrer-form #gform_wrapper_1 .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip{ margin-right:0px; padding-right:0px !important;}
.carrer-form #gform_wrapper_1 .ginput_complex.ginput_container_address .ginput_right{ margin-right:8px; }
.carrer-form #gform_wrapper_1 form li input[type=file]{ padding:0px 0px !important; }
.carrer-form #gform_wrapper_1 #field_1_16{ float:left; width:100%; }
.carrer-form .gform_wrapper .gfield_required{ opacity:0; }


.linkedin{
    color: #fff;
    background-color:#007ab0;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;}


.linkedin:hover {
    color: #007ab0;
    background-color: #edf4ff;
}

.carrer-form1 .post-page  #gform_wrapper_2 #field_2_5 .gfield_label{ width:100%; float:left; }
.carrer-form1 .post-page  #gform_wrapper_2 .field_sublabel_below .ginput_complex.ginput_container label{ float:left; width:100%; }


.gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right{ min-height:inherit !important;}


/*30-JUL-2019*/

.contact-us{ margin:0 15px; }

.contact-us .gform_wrapper{ margin:0px;}
.contact-us .gform_wrapper ul.gform_fields li.gfield{ padding-right:0px; margin:0 0 12px 0; padding:0px;}
.contact-us .gform_wrapper ul.gform_fields li.gfield.gf_middle_third{padding:0 16px;}
.contact-us .gform_wrapper .ginput_container_select{ margin-top:0px; }
.contact-us .gform_wrapper .ginput_container_select .gfield_select{ width:100% !important; border: 1px solid #ddd; padding:12px !important; }
.contact-us .gform_wrapper .top_label div.ginput_container{ margin-top:0px;}
.contact-us .gform_wrapper .gform_footer{ margin:0px; padding:0px; text-align:center; }
.contact-us .gform_wrapper li.hidden_label input{ margin-top:0px; width:100%; }

.contact-us .gform_wrapper ul.gform_fields li.gfield input[type="text"]{padding: 12px !important;
border: 1px solid #ddd;
outline: none;}

.contact-us .gform_wrapper ul.gform_fields li.gfield .ginput_container_textarea textarea{ padding: 12px !important;
height: 100px;
border: 1px solid #ddd; }

.contact-us .gform_wrapper .gform_footer input{padding: 10px 25px !important;
background: #c8131c;
color: #fff;
border: 1px solid transparent;
cursor: pointer;
transition: all .4s ease;
font-size: 14px !important;
letter-spacing: 2px;
text-transform: uppercase;
text-align: -webkit-center;
margin: 0px 0px 0px 0px;
font-family: 'Brandon Grotesque Black';}

.contact-us .post-page{padding:25px 25px 50px 25px;
background: #fff;}

.contact-us .phone-text{text-align: center;
padding-bottom: 20px;
font-size: 24px;
font-weight: 700;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 25px;
color: #777;
text-transform: uppercase;}

.contact-us .phone-text a{font-size: 32px;
font-weight: 700;
color: #00427b;
display: block;}

.career-page{display: inline-block;
background: #fff;
padding: 15px; margin:0 15px;}

.career-page .carrer-form{ margin-top:0px; }

.career-page .carrer-form .carrer-form1 #gform_wrapper_1 #field_1_4 .gfield_label{ width: 100px;
height: 38px;
line-height: 38px;
color: #fff;
background: #0c528e;
text-align: center;
border: 1px solid #6898c1; }

.carrer-form #gform_wrapper_1 form li input[type="file"]{position: absolute;
left: 0;
width: 128px !important;
height: 35px;
background: #000;
opacity: 0;}


.career-page .carrer-form .carrer-form1 .gfield:before{ display:none; }


.sidebar{ margin-bottom:25px; }


/*validetion*/

.default-page-sidebar #gform_wrapper_3.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width:100% !important;}
.gform_wrapper li.gfield.gfield_error{background:none !important; margin-bottom:0px;}
.gform_wrapper .validation_message{ display:none !important; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{ margin-top:0px !important; }
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea
{ border:2px solid #ff0a0a !important; }

.gform_wrapper li.gfield.gfield_error{border:none !important; }

.carrer-form1 #field_1_18.gfield_error{width:100% !important; }

.contact-us .gform_wrapper ul.gform_fields li# input[type="text"]{ width:100%;}



/* Breakpoint M Medium */
@media screen and (min-width: 30em) and (max-width: 60em) {
  picture {
    position: relative;
  }

  .portfolioDescription {
    height: 100%;
  }

  .portfolioDescription p {
    max-width: 48rem;
  }


  .imprintSecondary {
    width: 50%;
  }

  .noJavaScript > h2 {
    font-size: 5rem
  }

  .mixtape1 h1 {
    font-size: 5rem;
  }
}

/* Breakpoint L Large */
@media screen and (min-width: 60em) {
  .logo {
    padding-left: 2rem;
  }

  /* nav div ul { 
     padding-right: 2rem; 
  } */

  /* nav div ul li:nth-child(-n+2) { */
    /* display: inline; */
  /* } */

  .portfolioDescription p {
    max-width: 20em;
  }

  .serviceIcons > div > div {
    width: 20%;
  }

  .serviceIcons > div > div:last-child  {
    width: 20%;
  }

  footer > div:first-child a div {
    width:25%;
  }


  .imprintSecondary {
    width: 50%;
  }

  .noJavaScript h2 {
    font-size: 5rem
  }

  .mixtape1 h1 {
    font-size: 4rem;
  }
  
  
}


@media only screen and (max-width:1399px)
{
  .carrer-form #gform_wrapper_1 ul.gform_fields li.gfield .has_city span{ width:32% !important; }
  .call-us-sidebar a{ font-size:17px;}
}


@media only screen and (max-width:1199px)
{
  .default-page-sidebar .sidebar1 h3{ font-size:17px; }
.withsidebar article{width:67%;}
.withsidebar aside{width:33%;}
.carrer-form #gform_wrapper_1 ul.gform_fields li.gfield .has_city span{ width:31% !important; }
}



@media only screen and (max-width:991px)

{
.flexslider figure .hero-col h5{font-size:50px; line-height:60px;}
.flexslider figure .hero-col h2{margin:5px 0px; font-size:35px; line-height:45px; }
.flexslider figure .hero-col{top:20%;}
.flexslider{ margin-top:0px; }
/*header{position: unset;
padding-top: 45px; }*/
.mixtape1 h1{margin-top: 2rem; margin-bottom: 1rem;}


  html{margin-top: 46px !important;}

.services1{border:5px solid #f4f4f4; padding: 0px; }
.socialMedia a div{ padding:1rem; width:25%;}
.withsidebar article{width:65%; padding: 0; margin-bottom: 25px;}
.withsidebar article .single-post-page{ margin-right:0px; }
.withsidebar aside{ width:35%; }
.sidebar1 #field_3_6 .ginput_container label{ font-size:8px; }
.carrer-form #gform_wrapper_1 ul.gform_fields li.gfield .has_city span{ width:32% !important; }
.carrer-form .left-cr{ width:100%; }
.call-us-sidebar a{ font-size:14px; }
.call-us-sidebar img{ width:28px; }
.carrer-form1{width:100%;}

.blog-page-listing .post.type-post{ width:100%; }
.sidebar ul li a{ font-size:12px; }



}

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

  .flexslider figure .hero-col h5{font-size:28px; line-height:35px;}
  .flexslider figure .hero-col h2{font-size:20px; line-height:20px;}
  .flexslider figure .hero-col .element{font-size: 14px; line-height: 20px;}
  .leadGeneration picture{ padding:0px;}


.inner-page article .contact-us .telephone{font-size:20px; padding-bottom:10px;}
.carrer-form{ margin-top:0px;}
.contact-us #gform_wrapper_2 ul li{ margin-top:0px;}
.carrer-form form{padding:10px 8px;}
.mixtape1 h1{margin-top: 2rem;}
.subtitle{ font-size:15px; }
.carrer-form1 .gfield_label{ width:100%; font-size:14px; }
.has_city span label{ font-size:12px; display:block; float:left; width:100%;}
.carrer-form1{ padding:0px; }

.withsidebar article{ width:100%; padding-right:15px; padding-left:15px;}
.withsidebar aside{ margin-top:0px; width:100%; padding:0px; padding-left:15px;
padding-right:15px;}
.default-page-sidebar .sidebar1 h3{ font-size:18px;}
.default-page-sidebar .sidebar1 form ul li input{ padding:4px 10px !important;}
.inner-page{ width:100%;}
.services1{width: 50%;
float: left;
padding:0px;}
.carrer-form .left-cr{ width:100%; padding:0px; }

.services1{ width:100%; padding:0px;}
.socialMedia a div{ width:50%; }
.single-testimonials{border-bottom: 10px solid #f4f4f4; width:50%;}
.right_sec{box-shadow:none; padding:0px;}
.mixtape1 h1{ font-size:42px; }

.carrer-form #gform_wrapper_1 .ginput_container span{width:100%; float:left; padding-right:0px;}
.carrer-form #gform_wrapper_1 ul  li.gfield{width:100% !important;}
.carrer-form #gform_wrapper_1 input[type="text"]{ height:42px; }
.carrer-form #gform_wrapper_1 ul.gform_fields li.gfield .has_city span{ width:100% !important;}
.carrer-form #gform_wrapper_1 .gfield_label{ font-size:12px;}
.carrer-form1 form .gform_footer input{ padding:10px !important; }

.carrer-form #gform_wrapper_1 .ginput_container span.name_last{ margin-top:15px; }
.carrer-form #gform_wrapper_1 .ginput_container span.name_first{ margin-top:15px; }
.sidebar1 #field_3_6 .ginput_container label{font-size:8px;}
 
 #imprint.withsidebar{padding-top: 3rem; padding-bottom: 3rem;
}
 .withsidebar article .single-post-page{ margin-right:0px; }
 .single-testimonials p{ padding:0 15px; }
 .career-page{ margin:0px;}
 .carrer-form1{ width:100%; }
.carrer-form #gform_wrapper_1 ul li.gfield{ margin-bottom:0px !important; }
.carrer-form #gform_wrapper_1 ul.gform_fields li.gfield .has_city span.address_state{ margin:12px 0px !important;}

.carrer-form #gform_wrapper_1 #field_1_4{float:left;}

.contact-us .gform_wrapper ul.gform_fields li.gfield input[type="text"]{ padding:8px !important; }
.contact-us{ padding:0px; margin:0px;}
.col-6{width:100%;}


}

@media only screen and (max-width:640px)
{
  .contact-us .gform_wrapper ul.gform_fields li.gfield.gf_middle_third{ padding:0px !important;}
  .contact-us .gform_wrapper ul.gform_fields li.gfield input[type="text"]{ padding:5px !important; }
}

@media only screen and (max-width:480px)

{
.services1{ width:100%; padding:0px;}
.socialMedia a div{ width:100%; }
.single-testimonials{border-bottom: 10px solid #f4f4f4; width:100%;}
.right_sec{box-shadow:none; padding:0px;}
.mixtape1 > div{ width:100%; }
.mixtape1 h1{ font-size:28px; }
.inner-page article h2{ font-size:17px; line-height:24px;}
.contact-us .phone-text a{ font-size:24px;}
.contact-us .post-page{ padding:15px; }

.blog-page-listing .post.type-post{ width:100%; padding:0px;}
.blogs h3 a{ font-size:18px;}

img.alignright{display:block; float:none; margin-right:auto; margin-left:auto;}
img.alignleft{display:block; float:none; margin-right:auto; margin-left:auto;}
 
}



#gform_wrapper_4 .js .tmce-active .wp-editor-area {color: #000 !important;}

#gform_wrapper_4 .button{background: #c8131c;padding: 10px 25px !important;color: #fff;cursor: pointer;}
#gform_wrapper_4 .gform_previous_button{background: #b7b7b7 !important;padding: 5px 5px !important;color: #fff;cursor: pointer;}