/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: https://www.agito.de
/*		License: AgITO
/*
/*****dunkelblau #004798****R:0 G:71 B:152**  hellblau #00AEE0; R: 0G: 174B: 224*******rot #de1621*****test**/



@media screen and (max-width: 480px) {
  #sp-top2, #sp-top2 a { text-align:left !important; font-size:13px !important;} 
h1 {margin-top: 0px !important; margin-bottom:30px !important; line-height:1.2em !important;}
#sp-header.header-sticky {  position: relative !important;}
}

@media screen and (max-width: 575px) {
.linguise_switcher {  margin-left:10px !important; }
}
  
  @media screen and (max-width: 600px) {
.block100 { border-top: 0px solid #f0f0f0 !important;}
#sp-block-12 {  background: #004798 !important;}
    #sp-block-3 {  background: #004798 !important;} 
   #sp-block-10 { background: #00AEE0 !important;}
 .br1 { border-right: 0px solid #fff !important; border-bottom: 1px solid #fff;  }    
 .block30, .block70  { width:100% !important; } 
 .mt10 { margin-top:20px !important;  }  
     .ml10 { margin-left:10px !important;  } 
.project-inner {   padding: 10px !important;}
}    

@media only screen and (min-width:991px) and (max-width: 1399px) {  
  .p10 {padding: 10px 0px !important; min-height:150px;}
}

@media screen and (max-width: 900px) {  
.abox1, .abox2, .abox3, .abox4 
  { position: relative !important; display:block; overflow:hidden; width:100% !important; padding: 10px !important; }
.block50, .block40, .block30 { width: 100% !important;}
  .block50 { margin-bottom:20px !important;}
.pic31 { padding: 10px 0px 0px 0px !important;}
#sp-main-body { padding: 0px 0px 20px 0px !important; }
#sp-component h1 { margin-top: 10px !important; font-size:28px !important; }
#sp-top2 .tar {text-align:left !important;}
.stoerer {  width: 150px !important;  height: 150px !important; background: url(../images/stoerer_messe_150.png) !important;  transition: transform 1s; padding-right:0px; }
  h1 {font-size:28px !important;}
#sp-sprachauswahl {  margin-top:-60px !important; width: 50% !important;}
 .block70  { padding: 10px !important; }
    .fl, .fr {float: none !important;}
.mt40 {  margin-top: 0px !important;}

  .box100 {display:block; overflow:hidden; text-align:left; width:100%;}
  
}

@media only screen and (min-width:991px) and (max-width: 1399px)  {
  .n2-ss-slider .n2-ss-text {margin-left:5% !important; margin-top:5% !important;}

}

@media only screen and (min-width:991px) and (max-width: 1201px)  {
   .col-lg-4 { width: 20% !important;}
   .col-lg-7 { width: 70% !important;}

}

@media only screen and (min-width:701px) and (max-width: 991px)  {
  .n2-ss-slider .n2-ss-text {margin-left:10% !important; margin-top:20% !important;}

}

@media only screen and (min-width:910px) and (max-width: 992px)  {  
  #sp-sprachauswahl {width: 100% !important; position:absolute; right:50px;  top:20px;}
}

@media screen and (max-width: 701px)  {  
 .n2-ss-slider .n2-ss-text {margin-left:5% !important; margin-top:0% !important;}
}

@media screen and (max-width: 991px)  {
  .ml100 {margin-left:0px !important;}  
  #sp-header .logo { margin-top: 20px !important;}
  #sp-header { margin-bottom:20px !important; box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1) !important;}
.burger-icon > span { width: 35px;   height: 4px;  background-color: 333;  margin: 6px;}
  .burger-icon { margin-right: 10px;}
  .br1{border-right: 0px solid #fff !important;}
}


/***Ende Media**/



/***neu2024**/

.border-r {border:1px solid #ccc; padding:5px !important; border-radius:5px; line-height: 20px !important; margin-left:5px !important; }
.button-testen  {display:block; overflow:hidden; width:auto; border:0px solid #ccc; padding:5px !important; border-radius:5px; color:#fff !important; background:#00aee0; text-align:center; }
.button-testen a { color:#fff !important;  }
.trans h3 {color:transparent !important; font-size:3px !important;}
.w700 {display:block; overflow:hidden; max-width:700px;}
.bt20 {  display: block;  position: absolute;  bottom: 20px;}
.project-inner { text-align: center;  border: 0px dotted #ccc;  padding: 25px;  background: #fff;  margin-top: 10px;   border: 0px outset #fff;}
.datum {margin:10px 0px;}
.lh20 {line-height:40px;}
.ueberschrift_slider { position:absolute; top:20px; }
.zi5000 {z-index:10000;}

.ribbon_neu span {
  font-size: 11px;  font-weight: 700;  color: #FFF;  text-align: center;  line-height: 24px;  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);  width: 110px;  display: block;  background: #79A70A;  background: linear-gradient(#9BC90D 0,#79A70A 100%);  box-shadow: 0 3px 10px -5px rgba(0,0,0,1);  text-shadow: 1px 1px 2px rgba(0,0,0,.25);
  top: 19px;
  left: -21px;
}
.ribbon_neu {
  position: fixed;   left: 0%;  top: 130px;  z-index: 1;  overflow: hidden;  width: 105px;  height: 105px;  text-align: right;}
.ribbon_neu span::before {
  left: 0;
  border-left: 3px solid #638908;
  border-right: 3px solid transparent;
}
.ribbon_neu span::after {
  right: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid #638908;
}

.ribbon_neu span::after, .ribbon_neu span::before {
  content: "";
  position: absolute;
  top: 100%;
  z-index: -1;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #638908;
}

/*****/

body {color:#2E2926 !important; line-height: 24px !important; font-family: 'Roboto', sans-serif !important;   font-size: 17px;  font-weight: 300;}

a {  color: #de1621;}

.xlink {cursor:no-drop}
.hlink{cursor:help}
html {overflow-y:scroll;}

#system-message-container { z-index:10000 !important;}

#sp-header { height: 100px !important;}
.sp-megamenu-parent { padding-top:0px !important;}
.sticky-wrapper.is-sticky #sp-header { background-color: rgba(255, 255, 255, 0.95) !important; height:120px !important;}
.sticky-wrapper.is-sticky .sp-megamenu-parent > li.active > a, .sticky-wrapper.is-sticky .sp-megamenu-parent > li:hover > a {background-color: rgba(0,71,152,0.7) !important; color:#fff !important;}


/****404 error*************/
.box_error {  box-shadow: 0px 0px 0px #f0f0f0 !important; border: 1px solid #ccc;}
.box_error h3 {margin-top: 0px !important; color: #2E2926 !important;}
.h3error {  padding: 10px;  font-size: 90%;  text-transform: none;  line-height: 1.1em;}
.black {  color: #2E2926 !important;}
.btn-hblue_error { display: block;  overflow: hidden;
  border-radius: 5px;
  font-family: 'Roboto', sans-serif !important;
  background: #00AEE0;
  color: #fff;
  font-weight: 400;
  padding: 8px !important;
  width: 90%;
  margin-top: 0px auto;
}


column-wrap-id-1713360653739 .sppb-col-md-4 {margin-left:-15px !important;}


#sp-top-bar {background:#004798 !important; color: #fff !important;}
#sp-top-bar a, a:hover, a:focus, a:active { color: #fff !important;}
#sp-component a, a:hover, a:focus, a:active { color: #004798 !important;}
.sp-megamenu-parent > li > a {color: #004798 !important; font-weight:400;font-size:16px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  font-size: 16px; font-weight:400;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {  color: #004798 !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {  background: #ccc !important;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a
{  background:#00acdf !important; color:#fff !important;}


#offcanvas-toggler > i {color: #004798 !important;}
.offcanvas-menu { width: 280px !important;  height: auto !important;}
#sp-top2 a {color: #fff !important; font-size:16px; font-weight:300;} 
#sp-top2 {color: #fff !important; float:right !important; text-align:right;} 
#sp-main-body { padding: 20px 0px 30px 0px !important; border-bottom:1px dotted #ccc;}
.logo-image {margin-top:20px; }
#sp-footer .container-inner { border-top: 0px;}
#sp-bottom {  font-size: 18px !important;}

.sp-dropdown li.sp-menu-item > a:link, a:active, a:visited {  color:#004798;}

/********Login********/
.login-button  {background:#004798 !important; color: #fff !important;}
#login-form-16 .logout-button  {background:#004798 !important; color: #fff !important;}
.btn-primary {  border-color: #fff !important; background:#004798 !important; color: #fff !important; border-radius:5px !important;}
.unstyled > li {display:none;}
.mb-3 {padding-bottom:10px;}


::-moz-focus-inner {  padding: 0;  border-style: none;}

.btn {  border: 0px solid transparent;}
.btn { display: block; overflow: hidden; border-radius: 5px; font-family: 'Roboto', sans-serif !important; background: #fff;  font-weight: 400; padding: 8px !important; width:100%; margin-top:19px;}

.h3_n h3 {font-family: 'Roboto', sans-serif;
  font-size: 26px;
  font-weight: 400 !important; }

.pic  {display:block; border: 1px solid #cccccc; padding:1px; } /* xx */
.pic1  {display:block; overflow:hidden; float:left; padding-top:5px; }
.pic11 {display:block; float:left; padding-right:15px; }/* xx */

.pic2  {display:block; overflow:hidden; float:right; } 
.pic21  {float:right; padding:1px;  margin: 0px 0px 25px 25px; } /* xx */
.pic3 { margin: 0px auto; }
.pic3 img  {display:block; overflow:hidden; margin: 0px auto; } 
.pic31 {display: block; overflow: hidden; margin: 0 auto !important; padding: 50px 0px 0px 0px;  }
.pic32 {display: block; overflow: hidden; margin: 0 auto; padding: 100px 0px 0px 0px;}
.pic33 {display: block; overflow: hidden; margin: 0 auto; padding: 20px 0px 0px 0px; width:180px;}

.pic_icon {display: block; overflow: hidden; margin: 0 auto; padding:20px; height:110px;}

p {font-family: 'Roboto', sans-serif;}


.rc h2 {font-family: 'Roboto', sans-serif; font-weight: 400 !important;}

.btn_button { display: block; overflow: hidden; border-radius: 5px; font-family: 'Roboto', sans-serif !important; background: #00AEE0;  color:#fff; font-weight: 400; padding: 8px !important; width:100%; margin-top:0px auto;}

.btn_button a:link, a:active, a:visited {  color:#fff;}
.btn_button a:hover {  color:#fff;}

.btn_button_80 { display: block; overflow: hidden; border-radius: 0px; font-family: 'Roboto', sans-serif !important; background: #00AEE0;  color:#fff; font-weight: 400; padding: 8px !important; width:80%; margin-top:0px auto;}


.block100  {display:block; overflow:hidden; width:100%; }
.block40  {display:block; overflow:hidden; width:39%; }
.block_m  {display:block; overflow:hidden; width:39%; margin:0px auto; }
.block50  {display:block; overflow:hidden; width:49%; }
.block5050  {display:block; overflow:hidden; width:50%; }
.block50 h1 {font-size:30px !important; margin-top:20px !important;}
.block70  {display:block; overflow:hidden; width:69%;  }
.block30  {display:block; overflow:hidden; width:30%; }

.b1  {display:block; overflow:hidden; border:0px solid #ccc; }

.fa {color:#044E84;}
#sp-bottom .fa {color:#fff !important;}
.fl {float:left;}
.fr {float:right;}
.tac {text-align:center !important;}

.fs30 h1 {margin-top:0px !important; margin-bottom:10px !important; font-size:30% !important;}
.fs50 {font-size:50% !important;}
.fs80 {font-size:80% !important;}
.fs90 {font-size:90% !important;}
.fs110 {font-size:110% !important;}
.fs120 {font-size:120% !important;}
.fs150 {font-size:150% !important; line-height: 30px !important;}
.fs16 {font-size:15px !important;}
.fs225 h1 {font-size:225%;}

.mystyle1 {font-size: 200% !important;
font-weight:300 !important;}


.fw400 {font-weight: 400 !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.br1 {border-right: 1px solid #fff;}

.ml30 {margin-left:30px !important;}
.ml100 {margin-left:100px;}
.mr30 {margin-right:30px;}
.mt20 {margin-top:27px !important;}
.mt40 {margin-top:40px;}
.mt10 {margin-top:10px;}
.mc {margin:0px auto !important;}
.m_auto {margin:20px 20% 0px 20% !important;}

.mh300 {min-height:300px !important;}
.mh500 {min-height:500px !important;}
.mh_450 {  min-height: 440px;}
.mh40 {min-height:40px !important;}


.hb {color:#00AEE0;}
.db {color:#004798;}
.white {color:#fff !important;}
.white a:visited {color:#fff !important;}
.white a {color:#fff !important;}
.b {font-weight:bold;}

.fa-ul > li {  padding-bottom:5px;}
.fa-li {  margin-top:-3px;}

h1 {margin-top: 40px; margin-bottom:20px; line-height:1.3em;  font-family: 'Roboto', sans-serif;
  font-size: 28px;  font-weight:400 !important;}
h2 {  font-family: 'Roboto', sans-serif;  font-size: 26px;  font-weight:400 !important;}
h3 { font-family: 'Roboto', sans-serif;  font-size: 24px;  font-weight: 300; margin-top: 30px; margin-bottom:10px; line-height:1.5em; color:#004798; letter-spacing:2px;}
#sp-bottom h1  {color: #fff;}

.dsvo h2 { font-size: 20px; margin-top:20px; font-weight:300 !important;}
#agb h2 {line-height:1.4em !important; letter-spacing: 0px; color:#004595; font-size: 20px; margin-top:20px; }
#agb h3 {font-size: 16px !important; text-transform: none !important; margin-top:15px;}
#agb  {line-height:1.4em !important; font-size: 14px; }
ul .ds {}

.p10 { padding: 15px;}
.p20 { padding: 20px;}
.p40 { padding: 20px 150px 20px 20px;}
.p150 { padding: 0px 150px 0px 0px;}
.pd30 { padding: 30px 0px;}

a.anchorPos { display: block; position:relative; top: -170px;  visibility: hidden;}

/******animationen*******/
.slideshow { position: relative; width: 100%; min-height:800px !important;  box-sizing: border-box; margin: 0 auto; }
.slideshow1 { position: relative; width: 100%; min-height:480px !important;  box-sizing: border-box; margin: 0 auto; }
.slideshow2 { position: relative; width: 100%; min-height:380px !important;  box-sizing: border-box; margin: 0 auto; }

.abox1 {position: absolute; box-shadow: 2px 2px 10px #f0f0f0;  border: 1px outset #fff; width: 65%; background: #fff; }

.abox2 { position: absolute; box-shadow: 2px 2px 10px;background: #fff;
  border: 1px outset #fff; right: 1px; width: 45%; margin-top: 20px; }

.abox3 { position: absolute; width: 65%; padding: 20px 150px 20px 20px;}

.abox4 {  position: absolute;  width: 45%; margin-top: 20px;  right: 1px; }


.list ul li { padding-left: 32px;   background-image: url('../images/dot-aksa-ecoolpac.png');
    background-repeat: no-repeat;   background-position: 5px 10px; border-bottom: 0px solid #e8e8e8; line-height:1.8em; padding-bottom:15px;}

.list ul {list-style: none;  padding: 0;   margin:0px; }



.divider { height: 50px; display: block; overflow:hidden; margin-bottom: 20px;}
.divider::after {
    background: url(/images/pics/aksa-ecoolpac_divider.png)  no-repeat top center;
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
background-size: 25px; height: 50px; background-position: 46% 10px; content: ""; display: block;
margin: 10px;  padding: 10px;}

.visform .btn-save, .visBtnCon .vfbt-next {background-color: #004798 !important; background-image: linear-gradient(to bottom,#004798,#004798);background-repeat: repeat-x;border-color: #004798 #004798 #004798;}
.alert.alert-message {
    background-color: transparent !important;
    border-color: #004798;
    color: #004798;
}
/**Störer**/
.stoerer {
    background-color: transparent; 
    width: 300px;  height: 300px; background: url(../images/stoerer_messe_300.png);  transition: transform 1s; padding-right:12px; }

.stoerer:hover {color: red !important;
    -ms-transform: scale(1.1) rotate(2deg); -webkit-transform: scale(1.1) rotate(2deg); transform: scale(1.1) rotate(2deg);}

#stoerer {position: fixed; z-index: 10000; top:25%; right: 10%;}


.mystyle {font-size: 60px;
line-height: 60px;
text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important;
font-weight: 300 !important;
font-family: Roboto,sans-serif;
letter-spacing: 1px !important;
color: #ffffff;
text-decoration: none;
background-color: transparent;
padding: 1px 4px 0px 4px;
margin: 0px;
height: auto;
border-width: 0px;
border-color: rgb(255,255,255);
border-style: none;
}

.ts {text-shadow: 1px 1px 2px rgba(0,0,0,.25) !important;}

/**animation**/
.animation-fadein {
    animation-name: fadein;
    animation-duration: 5.8s;
    animation-timing-function: linear;
}

[class*="animation-"] {
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}


.animation-slide-left {animation-name: slide-left;}
.animation-slide-right {animation-name: slide-right;}
.animation-fadein { animation-name: fadein;}
.animation-fadeinup { animation-name: fadeInUp;}

/**transitions*/

@keyframes slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}
@keyframes slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}


@keyframes slidein {
  from {
    margin-left: 0%;
    width: 100%;
  }

  to {
    margin-left: 0%;
    width: 45%;
  }
}

@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; }
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -40px, 0);
		transform: translate3d(0, -40px, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(20%, 0, 0);
		transform: translate3d(20%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/**datenschutz*/
.cc-revoke, .cc-window {   
   font-family: Quicksand, sans-serif !important; 
    line-height: 1.4em !important; font-size:14px !important; }
.cc-revoke, .cc-window a {   
   text-shadow:none !important; text-decoration: none; }
.cc-link, .cc-revoke:hover {  text-decoration: none;}





/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}



/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@import url("all.css");




