/*   Content by 
  Druck & Service Garhammer GmbH
  Florian Garhammer
  f.garhammer@garhammer-druck.de
  Tel. +49 9921 882270
==================================================
  */

/* #Reset & Basics
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, svg, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }
  
body {  
  line-height: 1; }
  
ol, ul, li, a {
  list-style: none;
  text-decoration: none; }
  
li

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }
  
table {  
  border-collapse: collapse;
  border-spacing: 0; }

html {
  height:100.001%;
  overflow: scroll; }


/* #Typography
================================================== */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a  {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  color: #ed1b24;
  text-decoration: none;
  line-height: 1.6; 
  padding-bottom: 20px;
  text-transform:uppercase;}

h1, h1 a {
  font-size: 36px; }

h2, h2 a {
  font-size: 32px; }

h3, h3 a {
  font-size: 28px; }

h4, h4 a {
  font-size: 24px; }

h5, h5 a {
  font-size: 20px; }

p, span, li, ol, ul, table {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: #222;}
  
a {  
  font-family: 'Rubik', sans-serif;
  color: #ed1b24;
  cursor: pointer;
  font-size: 17px;}

a:hover {
  color: #ff6363; }

hr {
  border: none;
  border-bottom: 1px dotted #ddd;
  margin: 14px 0;}
  
.counter {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  font-size: 13px;
  background-color: #ddd;
  color: #fff;
  margin-bottom: 15px;
  border-left: 3px solid #ed1b24;
  padding: 3px 3px 3px 10px;}
  
.published > span {
  border-left: none;
  padding: 0;}

/* #Colors and Classes
--------------------------------------------------------- */  
.white, #bottom1 p, #bottom1 span {color: #ffffff;}

.red, p.red {color:#ed1b24;}
.red:hover, p.red:hover {color:#ff6363;}

.strong {
	color: #000;
	font-weight: 600;}
	
.small {font-size: 80%; }

.intro {
  font-family: 'Rubik', sans-serif;
  font-size: 23px; 
  font-weight: 600;
  line-height: 1.5;
  color: #ed1b24; }
  
 .right {float: right; }
  
  
::selection {
 background: #ed1b24;
 color: white;}

::-moz-selection {
 background: #ed1b24;
 color: white;}


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

/* #TopMenu
--------------------------------------------------------- */

.menu_top li {
  float: left;
  display: inline;
  cursor: pointer;
}

.menu_top ul li {
  clear: both;
  float: left;
  margin: 0;
  line-height: 32px;}

.menu_top ul.nav-child {
  position: absolute;
  visibility: hidden;
  top: 47px;
  background-color:#f5f5f5;
  padding:3px 0px; 
  border-bottom: 2px solid #ddd;}

.menu_top li:hover ul.nav-child {
  visibility: visible;  }  
 
.menu_top a, .menu_top span {
  color: #8e8e8e;
  font: 400 18px 'Rubik', sans-serif;
  padding: 0 12px;
  list-style: none;
  text-decoration: none;
  text-transform: uppercase;
}

.menu_top li:hover ul.nav-child a {
  color: #8e8e8e;
  font: 400 18px 'Rubik', sans-serif;
  border: none;
  border-radius: 0;
  list-style: none;
  text-decoration: none;
  text-shadow: none;
  padding: 2.5px 20px;
  background-color: #fff;
  text-transform: uppercase;}

.menu_top a.blog {
  background-color: #444;
  color: #ffffff;
  padding: 10px 12px;
}

.menu_top li:hover ul.nav-child a:hover{
  color: #ed1b24;}

.menu_top li:hover a, .menu_top li:hover span, .menu_top .active span {
  color: #ddd;
  padding: 19px 12px;
  background-color: #ed1b24;
  border-bottom: 3px solid #fff;
}

.menu_top ul li ul.deeper, .menu_top li:hover ul.nav-child a:hover {
  color: #ed1b24;}

.menu_top span.nav-header:hover {
  background-color: #fff;
  padding: 19px 12px;
  color: #333}

.menu_top span{
  cursor:default;} 

.nav menu > li {
  padding: 19px 0;}
  
ul.nav-child > li, ul.nav-child > li > a{
 display:block;
 width: 100%;}
 
ul.nav-child > li > a {
 background-color: #ddd;}
 
 ul.nav-child > li > a:hover{
 background-color: #fff;}
  
  
  

/* #Links
================================================== */



/* #Lists
================================================== */
  
li.icon:first-child {
  margin: 20px 0 0 0;}
  
li.icon {
  padding: 5px;} 
   
li.icon:last-child {
  margin: 0 0 20px 0;}
 
ul.liste li:before {content: "\25BA"; color: #ed1b24; padding-right: 10px;}

ul.normal {
  list-style: inherit;
  list-style-position: outside;
  padding-left: 20px;
}

ul.normal li {
  list-style: inherit;
  color: #222; 
}
 

/* #Images
================================================== */
img.fullsize {
  width: 100%;
  float: left;
  margin: 0 10px;}

#logo.fixed-logo > a > img {
  width: 70px;
  margin: 0px 40px 0 40px;
  }

img {
  max-width: 100%;
  margin: 10px 0;}
  
img.fullsize {
  width: 100%;
  float: left;
  margin: 0 10px;}

img.bildlinks {
  max-width: 100%;
  float: left;
  margin: 10px 20px 10px 0px;}

img {
  max-width: 100%;
  height: auto;
  margin: 10px 0px;}
  
.beitragsbild > img, img.beitragsbild  {
  float: right;
  margin: 0 20px 20px 20px;
  width: 320px;}


/* Buttons
--------------------------------------------------------- */

.button-info:after {
  background: url("../images/button_pfeil.png") no-repeat 50% 50% #ed1b24;
  content: "";
  height: 100%;
  position: absolute;
  border-left: 5px solid #fff;
  right: 0;
  top: 0;
  width: 34px;	
  border-radius: 0 4px 4px 0;}
	
.button-info {
  color: #ffffff;
  position: relative;
  text-transform: uppercase;
  background: #555;
  display: inline-block;
  font-size: 18px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  margin: 15px 0;
  padding: 10px 70px 10px 30px;
  vertical-align: middle;
  border-radius: 4px;
  }
.button-info:hover {color: #ffffff;}
.button-info:hover:after {background: url("../images/button_pfeil.png") no-repeat 25% 50% #ff6363;}
.button-info:hover {background: none repeat scroll 0 0 #777;}

a.boxred, span.boxred{
  display: inline-block;
  width: auto;
  margin-right: 15px;}

.previous > a, .next > a{
padding: 5px 10px;
border-radius: 50px;
margin: 20px 10px 0 0;
float: left;}

.unibutton, div#fox-container-m97 .btn {
  color: #fff;
  padding: 10px 30px;
  background-color: #ed1b24; 
  border-radius: 50px;}
  
.unibutton:hover, div#fox-container-m97 .btn:hover, .tp-caption a:hover {
  background-color: #ff6363;
  color: #fff; }

.tp-caption > .unibutton{
  border: 3px solid #fff;
  color: #fff; }
  
a.buttoncorn, p.readmore, a.buttoncornwhite  { 
	margin-top: 20px;}
	
a.buttoncorn, p.readmore a, a.buttoncornwhite  { 
	padding: 10px 10px 10px 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 5px;
	line-height: 3em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	}
	
a.buttoncorn:hover, p.readmore a:hover, a.buttoncornwhite:hover   {
	transition: all .25s;
	padding: 10px 0 10px 20px;}

a.buttoncorn:hover:after, p.readmore a:hover:after, .buttoncornwhite:hover:after   {
	opacity: 1;
	padding: 0 10px;
	visibility: visible;
	transition: all .5s;
	-webkit-transition: -webkit-transform .5s all;
    -moz-transition: -moz-transform .5s all;
    -ms-transition: -ms-transform .5s all;
    -o-transition: -o-transform .5s all;	}
			
.buttoncorn:after, p.readmore > .btn:after, .buttoncornwhite:after  {
	content: '\e901';
	font-family: 'icomoon';
	display: inline-block;
	transition: all .25s;
	opacity: 0;
	text-transform: none;
	vertical-align: bottom;
	padding: 0px;
	visibility: hidden;}
	
.tp-caption.lfr.tp-resizeme.start {
    white-space: nowrap !important;}
	
.icon:before, .icon-chevron-right:after, .icon-chevron-left:before, div.white > ul.nav > li > a:before	{
	font-family: 'icomoon';
	padding-right: 10px;
	text-transform: none;
	vertical-align: bottom;}
	
a.buttoncorn, p.readmore a, a.buttoncornwhite, .previous > a, .next > a  { 
	color: #fff;
	background-color: #ed1b24;}
	
.buttoncornwhite:hover  {
	background-color: #fff;
	color: #333;}
	
a.buttoncorn:hover, p.readmore a:hover, .previous > a:hover, .next > a:hover  {
	background-color: #ff6363;}
	
a.buttoncornwhite { 
	color: #fff;
	background-color: rgba(255,255,255,0.5);}


/* Forms, Tables & Tabs
================================================== */
tr:nth-child(even) {
  background: #f2f2f2; }
  
tr:hover {
  background: rgba(230,230,230,0.25); }

td{
  padding: 7px 20px;}
  
th {
  background-color: #aaa;
  color: #fff;
  padding-left: 10px;}
  
.blogbeitrag > table, .item-page > table{
	width:47%;}

.blogbeitrag > table > tbody > tr > td:first-child, .item-page > table > tbody > tr > td:first-child{
  font-size: 0.9em;
  text-transform: uppercase;
  color: #666;}
   
/* #Positions
================================================== */
.maxcol { width:100%; }

.leftcols1 { width:1200px; }
.leftcols2 { width:800px; }
.leftcols1, .leftcols2 {margin: 0 0 0 0; float: left; }

.cols2 {width: 400px; margin: 40px 0 0 0; float: left;  }
.botmargin {margin: 0 0 50px 0;}

#all {
  width: 100%;
  background-color: #fdfdfd; }

#topbox, #banner, #between1box, #body, #bottom1box, #bottom2box, #footerbox, #footer2box {
  position: relative;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: auto;
  z-index: 50; }

#head, #between1, #main, #bottom1, #bottom2, #footer, #footer2 {
  width: 100%;
  clear: both;
  float: left; }
  
#top {
  width: 100%;}
  
#top.fixed-top {
  position: fixed;
  background: #333;
  opacity: 0.95;
  border-bottom: 2px solid #fff;
}

#main {
  padding: 0 0 30px 0;
}


#left {
  background: url(../images/bg_body.jpg) no-repeat #fff;
  background-size: 100% auto;
  }
  
#top {
  z-index:100;
  background: url(../images/bg_dark.jpg) repeat scroll 0px 0px #333;
  height: 86.5px;
  position:relative;
  }

#logo {
  float: left;
  display: block;
  top: 20px;
  z-index: 100;
  width: 100px;
  position: absolute;
  }

#logo.fixed-logo {
  position: relative;
  left: 0;
  top: 5px;
  }

#nav {
  left: 600px;
  top: 40px;
  position: absolute;
  z-index: 1;
  }

#nav.fixed-nav {
  left: 200px;
}

#nav_mobile {display: none;}
   
#banner {
  position: relative;
  z-index: 90;
}

#main {  
  background: url(../images/bg_content.png) repeat scroll 0px 0px #fdfdfd; }

#footer {  
  background: url(../images/bg_dark.jpg) repeat scroll 0px 0px #333;
  padding: 40px 0;}

#between1box, #bottom1box, #bottom2box {
  padding: 80px 0;  }
  
#bottom1 {
    background: url(../images/bg_bo1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";}

#bottom2, #between1 {
  background: url(../images/bg_content.png) repeat scroll 0px 0px #fdfdfd; 
}
	
#bo1_col1 {
    padding: 0 0 0 15%;
}
	
#bottom1box p:first-child {
    font-size: 1.75em;}

#contentbottom1, #contentbottom2 {
  float: left;
  margin-right: 6%;
  width: 46%;
}

#contentbottom2 {
  margin-right: 0;
  padding-top: 32px;}

#backtotop {
   position: absolute;
   top: 100%;
   margin: -67px 0 0 840px;
   clear: both; }

.items-row {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;}

.items-row:first-child {
  background:none; }

#col2 > div > h3  {
  margin: 0 0 10px 0;
  font-weight: 600;
  }

.nurmobil {
  display: none;
}

.page-header.test {
  background: url(../images/diagonal_grey.png) repeat scroll 0px 0px;}

p.counter{
  display: inline-block;
  width: 100%;}
  
  
  /* #Between
--------------------------------------------------------- */  
#be1_col1 > .moduletable {
    background-image: -webkit-linear-gradient(135deg, #333 1%, #444 97%, transparent 80%);
    background-image: -moz-linear-gradient(135deg, #333 1%, #444 97%, transparent 80%);
    background-image: -ms-linear-gradient(135deg, #333 1%, #444 97%, transparent 80%);
    background-image: -o-linear-gradient(135deg, #333 1%, #444 97%, transparent 80%);
    background-image: linear-gradient(135deg, #333 1%, #444 97%, transparent 80%);
    width: 31%;
    padding: 30px;
    float: left;
    margin-right: 3%;
	min-height: 410px;}
	
#be1_col1 > .moduletable p, #be1_col1 > .moduletable h3{
    color: #fff;
	text-align:center;}

#be1_col1 > .moduletable:last-child {
    margin-right: 0%;}
	
#be1_col1 > .moduletable:before {
    width: 100%;
	display: block;
	content: "ARCHITEKTUR ZUM";
	text-align: center;
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-size: 0.75em;
	margin: 0 0 5px 0;}
	
#be1_col1 > .moduletable:last-child:before {
content: "ARCHITEKTUR FÜR DIE";}

a > img.popbutton  {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -moz-transition: -moz-transform .6s ease-in-out;
    -ms-transition: -ms-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    padding: 10px;
	width: 40%;
	margin: -20px auto 0px;
	display: block;
    cursor: pointer;}

a > img.popbutton:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);}
	

  /* #Google Map
--------------------------------------------------------- */
.mapprint {
  visibility: hidden;
  position: absolute;
 }


  /* #Blog-Layout
--------------------------------------------------------- */
.published, .published > span {
  font-family: 'Rubik', sans-serif;
  font-weight: 400;
  float: right;
  font-size: 13px;
  padding: 7px 0 0 0;
  color: #222;}
  
.page-header > h2 > a {  
  color: #484848;
  text-transform: none;
    padding: 0 0 0 20px;
  border-left: 10px solid #ed1b24;}
  
.page-header{
  padding: 0 0 5px 0;
  margin: 0 0 10px 0;}

.page-header > h2 > a:hover {
  color: #222; }
 
.page-header a:hover {
  color: #ed1b24;}

#left {
  background-color: #fff;
  margin: 80px 0 20px 0;
  padding: 40px;
  display: inline-block;
  height: auto;
  border: 1px solid #eee;
  }

.item-pagenews > div.page-header:nth-child(1), .cat-children {display: none;}

.pull-left.item-image > a, .item-page > .pull-left.item-image {
  float: left;
  margin: 0 5% 0 0;
  overflow:hidden;
  height: 100%;
  width: 47%;
  bottom: 0px;}

.pull-left.item-image > a > img  {
  width: 100% !important;
  height: auto !important;
  margin: 0px auto;}

.pull-left.item-image > img  {
  width: 100%;
  padding: 0 0 20px 0;
  margin-bottom: -5px;}

.pull-left.item-image > a > img:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

div.category-desc > img{
  float: left;
  background-image: -webkit-linear-gradient(135deg, #ed1b24 1%, #ff6363 97%, transparent 80%);
  background-image: -moz-linear-gradient(135deg, #ed1b24 1%, #ff6363 97%, transparent 80%);
  background-image: -ms-linear-gradient(135deg, #ed1b24 1%, #ff6363 97%, transparent 80%);
  background-image: -o-linear-gradient(135deg, #ed1b24 1%, #ff6363 97%, transparent 80%);
  background-image: linear-gradient(135deg, #ed1b24 1%, #ff6363 97%, transparent 80%);
  width: 10%;	
  min-width: 75px;
  margin: 0 20px 10px 0;}
  
div.blogbeitrag{  
display: inline-block;
width: 100%;
margin: 0px 0px 30px;
padding: 0px 0px 30px;
border-bottom: 2px dotted #ddd;}

.droppicsgallerydefault{  
display: inline-block;}

.droppicsgallerydefault .img:hover{
box-shadow: 0px 0px 3px 3px #ddd !important;
-moz-box-shadow: 0px 0px 3px 3px #ddd !important;
-webkit-box-shadow: 0px 0px 3px 3px #ddd !important;
border: 2px solid #fff;
}

.droppicsgallerydefault .img:hover{
border: 2px solid #fff !important;}

.droppicsgallerydefault {
    display: inline-block !important;
}

 /* #Page Navigation
--------------------------------------------------------- */
div.pagination a {
  color:#484848;
  font: 400 .8em 'Rubik', sans-serif;
  -webkit-box-sizing:border-box;
     -moz-box-sizing:border-box;
      -ms-box-sizing:border-box;
          box-sizing:border-box; }

div.pagination ul {
  width:100%;
  text-align:center;
  margin:21px 0 35px; }

div.pagination li {
  display:inline;
  margin:0 5px; }

div.pagination li a {
  display:inline-block;
  line-height:35px;
  width:35px;
  height:35px;
  text-align:center;
  text-decoration:none;
  border-bottom:3px solid #ccc;
  font-weight: 700;
  padding:0 7px; }

div.pagination li a:hover, div.pagination li a.selected {
  background:url(../images/bg_dark.jpg) repeat scroll 0 0 transparent;
  border:none;
  color:#fff; }

  /* #Back-to-Topic
--------------------------------------------------------- */

#gototop {
  position:fixed;
  bottom:0px;
  right:10%;
  display:none;
  background: url(../images/backtotopic_roll.png) 26px 26px no-repeat;
  background-color:#ed1b24;
  border-radius: 10px 10px 0px 0px;
  border-top: 10px solid #00ccdd;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 100px;
  width: 100px;
  margin: 0 47% 0 0;
}

#gototop:hover{
 background: url(../images/backtotopic_roll.png) 26px 16px no-repeat #00ccdd;}


   /* #Transition
--------------------------------------------------------- */ 
:hover, a:hover, .readmore a:hover, .menu_top a:hover, .menu_top span.nav-header:hover, #bottom2, tr:hover, div.pagination li a:hover, div.pagination, .pull-left.item-image img, .button:hover, div#fox-container-m97 .fox-form input[type="text"]:hover, div#fox-container-m97 .fox-form input[type="email"]:hover, div#fox-container-m97 .fox-form textarea:hover, div#fox-container-m97 .fox-form input[type="text"]:focus, div#fox-container-m97 .fox-form input[type="email"]:focus, div#fox-container-m97 .fox-form textarea:focus, .menudrop, .dropdown, .sbutton a:hover, .mbutton a:hover, .menu_top li:hover ul.nav-child a:hover, .menu_top li:hover a, .menu_top span.nav-header:hover, li.downloads a:hover:before, div.footset > ul.nav > li > a:hover:before, #gototop:hover, .btnsmall, #top.fixed-top, .button-info:hover:after, .icon.check:before, a.buttoncorn:hover:after, p.readmore a:hover:after, .buttoncornwhite:hover:after, div#fox-container-m97 .btn:hover, .droppicsgallerydefault .img:hover  {
  -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
      -ms-transition: all 400ms ease;
       -o-transition: all 400ms ease;
          transition: all 400ms ease; }


  /* #Zeile Details und Tooltip ausblenden
--------------------------------------------------------- */
dt.article-info-term {display: none;}
div.tooltip {display: none;}


  /* #Fox Contact
--------------------------------------------------------- */
div#fox-container-m97{ 
  padding: 0 5px; 
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  line-height: 1.5; } 

div#fox-container-m97 .controls, div#fox-container-m97 .fox-form-inline .control-group label.checkbox {
  color: #000000;}

div#fox-container-m97 .fox-form input[type="text"], div#fox-container-m97 .fox-form textarea, div#fox-container-m97 .fox-form-inline .control-group label.checkbox{  
  font-family: 'Rubik', sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 10px;}

div#fox-container-m97 .fox-form input[type="text"]:hover, div#fox-container-m97 .fox-form input[type="email"]:hover, div#fox-container-m97 .fox-form textarea:hover, div#fox-container-m97 .fox-form input[type="text"]:focus, div#fox-container-m97 .fox-form input[type="email"]:focus, div#fox-container-m97 .fox-form textarea:focus{
  background-color: #faf0f1;} 

div#fox-container-m97 input[type="text"] {
  height: 50px;}
  
div#fox-container-m97 textarea:focus, div#fox-container-m97 input[type="text"]:focus, div#fox-container-m97 input[type="email"]:focus, div#fox-container-m97 input[type="password"]:focus
{	border-color: #ed1b24 !important;
	outline: 0 !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(237, 27, 36, 0.6) !important;}

img.fox-item-captcha-img-reload{
	margin: 0px;}
	
div#fox-container-m97 .btn{
border-radius: 100px;
background-image: none;
background-color: #ed1b24; 
text-shadow: none;
border: none;}

div#fox-container-m97 .btn:hover{
background-color: #ff6363; }

div#fox-container-m97 .btn span{
color: #fff !important;}

	
  /* #Iconmoon
--------------------------------------------------------- */
@font-face {font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?3gprha');
    src:    url('../fonts/icomoon.eot?3gprha#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?3gprha') format('truetype'),
        url('../fonts/icomoon.woff?3gprha') format('woff'),
        url('../fonts/icomoon.svg?3gprha#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;}

.icon.check:before {/* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
	color: #ed1b24;
	font-size: 1.25em;
	padding: 0 20px;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

.icon.triangle-down:before {content: "\e902";}
.icon.circle-right:before {content: "\e901";}
.icon.check-circle:before {content: "\f058";}
.icon.list-ol:before {content: "\f0cb";}
.icon.search:before {content: "\f002";}
.icon.check:before {content: "\f00c";}
.icon.arrow-circle-o-down:before {content: "\f01a";}
.icon.folder-open:before {content: "\f07c";}
.icon.phone:before {content: "\f095";}
.icon.envelope:before {content: "\f0e0";}
.icon.thumb_up:before {content: "\e900";}
.icon.place:before {content: "\e600";}



  /* #Heart boom
--------------------------------------------------------- */

.boom {
	-webkit-animation: boom_animation 1s ease infinite;
	-moz-animation: boom_animation 1s ease infinite;
	-ms-animation: boom_animation 1s ease infinite;
	animation: boom_animation 1s ease infinite;
	margin: 10px 0 0;
}

@keyframes "boom_animation" {
 0% {
    -webkit-transform: scale(1.3);
   	-moz-transform: scale(1.3);
   	-o-transform: scale(1.3);
   	-ms-transform: scale(1.3);
   	transform: scale(1.3);
 }
 50% {
    -webkit-transform: scale(0.9);
   	-moz-transform: scale(0.9);
   	-o-transform: scale(0.9);
   	-ms-transform: scale(0.9);
   	transform: scale(0.9);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1); }}

@-moz-keyframes boom_animation {
 0% {	-moz-transform: scale(1.3);
   		transform: scale(1.3); }
 50% {	-moz-transform: scale(0.9);
   		transform: scale(0.9); }
 100% {   -moz-transform: scale(1);
   		transform: scale(1); }}

@-webkit-keyframes "boom_animation" {
 0% {	-webkit-transform: scale(1.3);
   		transform: scale(1.3); }
 50% {	-webkit-transform: scale(0.9);
   		transform: scale(0.9); }
 100% {   -webkit-transform: scale(1);
   		transform: scale(1); }}

@-ms-keyframes "boom_animation" {
 0% {   -ms-transform: scale(1.3);
   transform: scale(1.3); }
 50% {   -ms-transform: scale(0.9);
   transform: scale(0.9); }
 100% {-ms-transform: scale(1);
   transform: scale(1); }}


  /* 
--------------------------------------------------------- */
  
* { 
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
      -ms-box-sizing: border-box; 
       -o-box-sizing: border-box; 
          box-sizing: border-box; }