@charset "utf-8";
@import "reset.css";
@import "editor.css";

@font-face 
{
  font-family: TitilliumWeb;
  src: url('fonts/TitilliumWeb-Regular.ttf'),url('fonts/TitilliumWeb-Regular.eot');
}

@font-face 
{
  font-family: TitilliumWeb;
  font-weight: bold;
  src: url('fonts/TitilliumWeb-SemiBold.ttf'), url('fonts/TitilliumWeb-SemiBold.eot');
}

@font-face 
{
  font-family: TitilliumWeb;
  font-style: italic;
  src: url('fonts/TitilliumWeb-Italic.ttf'), url('fonts/TitilliumWeb-Italic.eot');
}

@font-face 
{
  font-family: TitilliumWeb;
  font-weight: bold;
  font-style: italic;
  src: url('fonts/TitilliumWeb-SemiBoldItalic.ttf'), url('fonts/TitilliumWeb-SemiBoldItalic.eot');
}

html body
{
  background: #fff;
  color: #484848;
  font-size: 12px;
  font-family: TitilliumWeb,Verdana,sans-serif;
}

.page
{
  float: left;
  width: 100%;
  background: #f5f3f4 url('img/bg.jpg') repeat-x left top;
}

.wrapper
{
  margin: 0 auto;
  width: 960px;
}

a
{
  color: #e20009;
}

textarea,
select,
input,
button
{
  font-family: TitilliumWeb,Verdana,sans-serif;
  font-size: 12px;
  overflow: hidden;
  color: #484848;
  background: #fff;
}

.submit-box input,
.submit-box button
{
  cursor: pointer;
}

button::-moz-focus-inner
{
  padding: 0 !important;
  border: 0 none !important;
}

/* header */

.header
{
  position: relative;
  padding-top: 50px;
  height: 50px;
}

.langs
{
  position: absolute;
  right: 0;
  top: 0;
}

.langs a
{
  float: left;
  padding: 0 5px;
  margin-left: 1px;
  line-height: 28px;
  text-transform: uppercase;
  color: #484848;
}

.langs a:hover,
.langs a.current
{
  background: #e20009;
  color: #fff;
  text-decoration: none;
}

.logo
{
  float: left;
  margin-top: -10px;
  margin-right: 50px;
}

.menu
{
  float: left;
  margin-top: -2px;
}

.menu a
{
  float: left;
  padding-bottom: 6px;
  text-transform: uppercase;
  color: #484848;
}

.menu a:hover,
.menu a.current
{
  color: #e20009;
  background: url('img/pointer.png') no-repeat center bottom;
  text-decoration: none;
}

.menu a span
{
  display: block;
  line-height: 28px;
  padding: 0 13px;
  margin-right: 5px;
}

.menu a:hover span,
.menu a.current span
{
  border: 1px solid #a5a5a5;
  line-height: 26px;
  padding: 0 12px;
}

.search-box
{
  float: right;
  position:absolute;
  top:2px;
  right:70px;
}

.search-box li
{
  float: left;
  width: 167px;
}

.search-box input
{
  border: 1px solid #bababa;
  padding: 3px 9px;
  width: 147px;
  height: 17px;
  line-height: 17px;
}

.search-box .submit-box
{
  width: 26px;
  margin-left: -1px;
  position: relative;
}

.search-box .submit-box input
{
  border: 0 none;
  padding: 0 none;
  background: #e20009 url('img/magnifier.png') no-repeat center center;
  width: 26px;
  height: 25px;
}

/* header end */

/* bread crumbs */

.bread-crumbs
{
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  line-height: 17px;
  padding: 13px 0;
}

.bread-crumbs a,
.bread-crumbs
{
  color: #000;
}

.bread-crumbs strong
{
  font-weight: normal;
}

/* bread crumbs end */

/* footer */

.footer
{
  clear: both;
  padding: 30px 0;
  height: 32px;
}

.footer div a
{
  float: left;
  margin-right: 40px;
  color: #484848;
  line-height: 16px;
}

.footer div a:hover
{
  color: #e20009;
  text-decoration: none;
}

.footer p
{
  float: right;
  text-align: right;
  line-height: 16px;
}

/* footer end */

/* general */

.headline
{
  background: #fff url('img/bullet.png') no-repeat 15px center;
  color: #000;
  padding: 10px 15px 10px 34px;
  margin-bottom: 15px;
  line-height: 26px;
  font-size: 18px;
  font-weight: normal;
}

.button
{
  float: left;
  background: #e20009;
  color: #fff;
  padding: 0 8px 0 12px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
}

.button:hover,
.hover .button
{
  background: #000;
  text-decoration: none;
}

.button span
{
  display: block;
  line-height: 30px;
  background: url('img/button-bullet.png') no-repeat right center;
  padding-right: 25px;
}

.gray-button
{
  background: #484848;
}

.gray-button:hover,
.hover .gray-button
{
  background: #e20009;
}

.back
{
  float: right;
  padding-right: 30px;
  background: url('img/red-button-bullet.png') no-repeat right top;
  line-height: 20px;
  color: #484848;
  font-size: 14px;
  text-transform: uppercase;
}

.headline .back
{
  margin-top: 3px;
}

.section
{
  float: left;
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c2c2c2;
}

.section-headline
{
  clear: both;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.heading
{
  padding: 0 35px 10px 35px;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 22px;
  font-size: 18px;
}

.big-button
{
  float: right;
  background: #e20009;
  color: #fff;
  padding: 0 17px 0 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
}

.big-button:hover,
.hover .big-button
{
  background: #000;
  text-decoration: none;
}

.big-button span
{
  display: block;
  line-height: 47px;
  background: url('img/big-button-bullet.png') no-repeat right center;
  padding-right: 43px;
}

/* general end */

/* news */

/* list */

.news-list li
{
  float: left;
  width: 288px;
  margin: 0 48px 25px 0;
  background: #fff;
  height: 425px;
  cursor: pointer;
}

.news-list .last
{
  margin-right: 0;
}

.news-list .img
{
  text-align: center;
  height: 213px;
  margin-bottom: 20px;
  position: relative;
}

.news-list .content
{
  padding: 0 25px;
}

.news-list h2
{
  height: 16px;
  line-height: 16px;
  margin-bottom: 10px;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
}

.news-list h2 a:hover
{
  text-decoration: none;
}

.news-list .date
{
  margin-bottom: 10px;
}

.news-list .ed
{
  height: 64px;
  margin-bottom: 20px;
  overflow: hidden;
}

.news-list .hover .img .overlay
{
  width: 288px;
  height: 213px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  background: rgba(255,255,255,0.5);
}

.news-list .hover h2 a
{
  color: #484848;
}

.news-list .hover .ed
{
  color: #e20009;
}

/* list end */

/* details */

.gallery
{
  float: left;
  width: 327px;
  margin-right: 23px;
  margin-bottom: 40px;
}

.gallery .img
{
  margin-bottom: 15px;
}

.gallery .thumbs li
{
  float: left;
  width: 72px;
  height: 72px;
  margin: 0 12px 12px 0;
}

.gallery .thumbs .last
{
  margin-left: 1px;
  margin-right: 0;
}

.gallery .thumbs a
{
  display: block;
  position: relative;
}

.gallery .thumbs a:hover span,
.gallery .thumbs a.current span
{
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  width: 72px;
  height: 72px;
  background: rgba(239,140,144,0.43) url('img/hover-pointer.png') no-repeat center center;
}

.news
{
  float: left;
  width: 610px;
  margin-bottom: 40px;
}

.news .head
{
  padding: 0 15px 15px 15px;
  border-bottom: 1px solid #c7c7c7;
  margin-bottom: 15px;
}

.news h1
{
  text-transform: uppercase;
  font-weight: normal;
  color: #e20009;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
}

.news .ed
{
  padding: 0 15px;
}

/* details end */

/* news end */

/* slider */

.slider
{
  position: relative;
  width: 960px;
  height: 407px;
  overflow: hidden;
}

.slider ul
{
  position: relative;
}

.slider li
{
  float: left;
  width: 960px;
}

.slider .content
{
  float: left;
  padding: 45px 25px;
  background: url('img/stripes.png') no-repeat left 100px #000;
  color: #fff;
  width: 194px;
  height: 317px;
  margin-right: 7px;
}

.slider .content h2
{
  padding: 0 15px 15px 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 23px;
  font-weight: normal;
  line-height: 28px;
  border-bottom: 1px solid #7d7d7d;
}

.slider .content .ed
{
  margin-bottom: 15px;
  padding: 0 15px;
}

.slider .content .button
{
  margin-left: 15px;
}

.slider .img,
.slider img
{
  float: left;
  width: 709px;
  height: 407px;
}

.slider .sliders
{
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
}

.slider .sliders a
{
  float: left;
  width: 44px;
  height: 44px;
  background: url('img/sliders.jpg') no-repeat left top;
}

.slider .sliders .next
{
  background-position: left -44px;
}

/* slider end */

/* partners box */

.partners-box
{
  clear: both;
  border-top: 1px solid #c1bfc0;
  padding-top: 15px;
}

.partners-box div
{
  text-align: center;
}

.partners-box div img
{
  vertical-align: middle;
  margin: 20px 30px;
}

/* partners box end */

/* portfolio */

/* level 1 */

.portfolio-list li
{
  float: left;
  width: 288px;
  height: 301px;
  margin: 0 48px 40px 0;
  border-bottom: 3px solid #000;
}

.portfolio-list .last
{
  margin-right: 0;
}

.portfolio-list .img
{
  height: 244px;
  overflow: hidden;
}

.portfolio-list .img a
{
  display: block;
  position: relative;
}

.portfolio-list .img a:hover
{
  text-decoration: none;
}

.portfolio-list .img a .overlay
{
  display: none;
}

.portfolio-list h2
{
  background: #fff;
}

.portfolio-list h2 a
{
  display: block;
  padding: 0 80px 0 10px;
  line-height: 57px;
  height: 57px;
  overflow: hidden;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  color: #484848;
  background: url('img/fw.jpg') no-repeat right top;
}

.portfolio-list h2 a:hover
{
  text-decoration: none;
}

.portfolio-list .hover .img a .overlay
{ 
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#7FFFFFFF', EndColorStr='#7FFFFFFF')"; /* For IE8 */
  background-image: url('img/hover-circle.png');
  background-repeat: no-repeat;
  background-position: center center;
  padding: 105px 90px;
  width: 108px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
}

.portfolio-list .hover
{
  border-color: #e20009;
}

.portfolio-list .hover h2 a
{
  color: #e20009;
  background-position: right -57px;
}

/* level 1 end */

/* level 2 */

.portfolio-sublist li
{
  float: left;
  width: 227px;
  margin: 0 17px 17px 0;
  cursor: pointer;
}

.portfolio-sublist .last
{
  margin-right: 0;
}

.portfolio-sublist .img
{
  height: 168px;
}

.portfolio-sublist .img a
{
  display: block;
  position: relative;
}

.portfolio-sublist .img a:hover
{
  text-decoration: none;
}

.portfolio-sublist .img a .overlay
{
  display: none;
}

.portfolio-sublist .content
{
  background: #fff;
  padding: 15px;
  float: left;
  width: 197px;
  height: 60px;
  overflow: hidden;
}

.portfolio-sublist h2
{
  margin-bottom: 10px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}

.portfolio-sublist h2 a
{
  color: #484848;
}

.portfolio-sublist h2 a:hover
{
  text-decoration: none;
}

.portfolio-sublist .hover .img a .overlay
{ 
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  background: url('img/sm-hover-circle.png') no-repeat center center rgba(255,255,255,0.5);
  padding: 67px 75px;
  width: 77px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
}

/* level 2 end */

/* level 3 */

.portfolio-items
{
  float: left;
  width: 729px;
}

.portfolio-items li
{
  float: left;
  width: 227px;
  height: 266px;
  margin: 0 24px 24px 0;
  cursor: pointer;
}

.portfolio-items .last
{
  margin-right: 0;
}

.portfolio-items .img
{
  height: 168px;
  overflow: hidden;
}

.portfolio-items .img a
{
  display: block;
  position: relative;
}

.portfolio-items .img a:hover
{
  text-decoration: none;
}

.portfolio-items .img a .overlay
{
  display: none;
}

.portfolio-items .content
{
  background: #fff;
  padding: 15px;
  height: 68px;
}

.portfolio-items h2
{
  margin-bottom: 10px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}

.portfolio-items h2 a
{
  color: #484848;
}

.portfolio-items h2 a:hover
{
  text-decoration: none;
}

.portfolio-items .hover .img a .overlay
{ 
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  background: url('img/sm-hover-circle.png') no-repeat center center rgba(255,255,255,0.5);
  padding: 67px 75px;
  width: 77px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
}

/* level 3 end */

/* level 4 */

.portfolio-item h1
{
  margin-bottom: 0;
}

/* level 4 end */

/* portfolio end */

/* category box */

.sidebar
{
  float: left;
  width: 190px;
  margin: 0 40px 20px 0;
}

.box-headline
{
  background: #000;
  color: #fff;
  padding: 0 15px;
  line-height: 40px;
  font-size: 21px;
}

.collapsible ul
{
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  float: left;
  width: 188px;
}

.collapsible li
{
  padding: 10px 15px;
  line-height: 23px;
  border-bottom: 1px solid #e2e2e2;
  float: left;
  width: 158px;
}

.collapsible ul ul
{
  float: left;
  width: 188px;
  margin-left: -15px;
  border-top: 1px solid #000;
  margin-top: 10px;
}

.collapsible ul ul li
{
  width: 143px;
  padding-left: 30px;
}

.collapsible .last
{
  border-bottom: 0 none;
  padding-bottom: 0;
}

.collapsible a
{
  display: block;
  text-transform: uppercase;
  color: #000;
  font-size: 14px;
}

.collapsible ul ul a
{
  font-size: 12px;
}

.collapsible a.current,
.collapsible a:hover
{
  color: #e20009;
  font-weight: bold;
  text-decoration: none;
}

.collapsible .tree-tab
{
  float: right;
  margin-left: 10px;
}

.portfolio-collapsible
{
  border:1px solid #e2e2e2;
  border-bottom: 0;
  float:left;
}

.portfolio-collapsible ul
{
  border:0;
  width:100%;
}

.portfolio-collapsible li
{
  width:auto;
  line-height: 1.25em;
}
  

/* category box end */

/* contact */

/* list */

.map-list li
{
  float: left;
  width: 288px;
  margin: 0 48px 40px 0;
  cursor: pointer;
}

.map-list .last
{
  margin-right: 0;
}

.map-list .map
{
  height: 154px;
  overflow: hidden;
}

.map-list .content
{
  background: #fff;
  float: left;
  width: 248px;
  padding: 20px;
}

.map-list .content h2
{
  font-weight: normal;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
}

.map-list .content h2 a
{
  color: #484848;
}

.map-list .content h2 a:hover
{
  text-decoration: none;
}

.map-list .hover .content
{
  background: #f1f1f1;
}

.map-list .hover .content h2 a
{
  color: #e20009;
}

/* list end */

/* details */

.vcard,
.contact-form
{
  margin-bottom: 30px;
}

.vcard
{
  float: left;
  width: 290px;
  margin-right: 50px;
}

.vcard .ed
{
  padding: 0 35px;
}

.contact-form
{
  float: left;
  width: 620px;
}

.wide-map
{
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.contact-form .errors
{
  margin: 0 35px 20px 35px;
}

/* details end */

/* contact end */

/* messages */

/* notices & errors */

.errors,
.notices
{
  color: #fff;
  font-size: 9pt;
  padding: 5px;
  margin-bottom: 20px;
  text-align: center;
  clear: both;
}

.errors li,
.notices li
{
  background-position: 6px center;
  background-repeat: no-repeat;
  line-height: 22px;
  padding: 0 10px 0 25px;
}

.errors
{
  background-color: #DD0F0F;
}

.errors li
{
  background-image: url('../img/error-icon.jpg');
}

.notices
{
  background-color: #92c32c;
}

.notices li
{
  background-image: url('../img/confirm-icon.jpg');
}

/* notices & errors */

/* messages end */

/* forms */

.simple-form
{
  padding: 0 35px;
}

.simple-form li
{
  margin-bottom: 20px;
}

.simple-form label
{
  margin-bottom: 10px;
  display: block;
  padding-left: 2px;
}

.simple-form label span,
.simple-form .submit-box p span
{
  color: #e20009;
}

.simple-form input,
.simple-form select,
.simple-form textarea
{
  display: block;
  border: 1px solid #d6d6d6;
}

.simple-form input,
.simple-form textarea
{
  padding: 5px;
}

.simple-form input
{
  width: 220px;
  height: 15px;
}

.simple-form select
{
  width: 232px;
  height: 27px;
  padding: 3px;
}

.simple-form textarea
{
  width: 487px;
  height: 159px;
}

.simple-form .file input
{
  height: auto;
}

.simple-form .submit-box
{
  width: 499px;
}

.simple-form .submit-box .button
{
  border: 0 none;
  float: right;
}

.simple-form .submit-box p
{
  line-height: 30px;
}

/* forms end */

/* categories */

.categories .portfolio-list .hover .img a .overlay
{
  line-height: 28px;
  height: 56px;
  padding: 94px 90px;
}

/* categories end */

/* product list */

.product-box
{
  width:729px;
  float:right;
}

.product-list
{
  float: left;
  width: 729px;
}

.product-list li
{
  float: left;
  width: 227px;
  height: 289px;
  margin: 0 24px 24px 0;
  cursor: pointer;
}

.product-list .last
{
  margin-right: 0;
}

.product-list .img
{
  height: 168px;
  overflow: hidden;
}

.product-list .img a
{
  display: block;
  position: relative;
}

.product-list .img a:hover
{
  text-decoration: none;
}

.product-list .img a .overlay
{
  display: none;
}

.product-list .content
{
  background: #fff;
  padding: 15px;
  height: 91px;
}

.product-list .hover .content
{
  background: #f1f1f1;
}

.product-list h2
{
  margin-bottom: 5px;
  height: 20px;
  overflow: hidden;
  line-height: 20px;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
}

.product-list h2 a:hover
{
  text-decoration: none;
}

.product-list .hover .img a .overlay
{ 
  position: absolute;
  display: block;
  z-index: 1;
  left: 0;
  top: 0;
  background: url('img/sm-hover-circle.png') no-repeat center center rgba(255,255,255,0.5);
  padding: 67px 75px;
  width: 77px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 22px;
}

.product-list .gray-button
{
  float: right;
}

.product-list h3
{
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}

/* products list end */

/* product */

.product
{
  float: left;
  width: 729px;
}

.product-data
{
  float: left;
  width: 379px;
}

.product-data .section p
{
  font-size: 14px;
  padding: 0 10px;
  margin-bottom: 15px;
}

.options
{
  clear: both;
}

.options h3
{
  padding: 0 8px 10px 8px;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  clear: both;
}

.options ul
{
  padding: 0 8px;
}

.options li
{
  float: left;
  width: 83px;
  height: 111px;
  margin: 0 31px 31px 0;
}

.options .last
{
  margin-right: 0;
}

.options p
{
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}

.options div
{
  width: 83px;
  height: 83px;
}

.panels
{
  float: left;
  padding: 15px 10px;
  background: #fff;
  width: 940px;
  margin-bottom: 20px;
}

.product .panels
{
  width: 709px;
}

.panels .tabs a
{
  float: left;
  padding: 0 15px;
  margin-right: 1px;
  margin-bottom: 12px;
  color: #484848;
  background: #e6e6e6;
  text-transform: uppercase;
  line-height: 28px;
  font-size: 14px;
}

.panels .tabs .current
{
  background: #e20009 url('img/white-bullet.png') 10px center no-repeat;
  color: #fff;
  font-weight: bold;
  padding-left: 20px;
}

.panels .tab-content
{
  float: left;
  padding: 15px;
  border: 1px solid #e8e8e8;
  width: 677px;
}

.panels .table
{
  padding: 0;
  border: 0 none;
  width: 709px;
}

.table table
{
  width: 100%;
}

.table table th,
.table table td
{
  border: 1px solid #e8e8e8;
  padding: 15px;
}

.table table th
{
  text-align: left;
  font-size: 17px;
  font-weight: normal;
}

.table table td
{
  font-size: 14px;
}

.movies li
{
  margin-bottom: 12px;
}

.movies object
{
  display: block;
  width: 335px;
  height: 196px;
  margin: 0 auto;
}

.socials
{
  clear: both;
  padding-top: 20px;
  float: right;
}

.socials .fb-like
{
  margin-right: 20px;
}

#___plusone_0
{
  width: 70px !important;
}

/* product end */

/* paginator */

.paginator
{
  height: 18px;
  float:right;
  width:100%;
  margin-bottom: 20px;
}

.paginator div
{
  float: right;
}

.paginator a,
.paginator span
{
  float: left;
  margin-left: 7px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 14px;
}

.paginator a
{
  color: #484848;
}

.paginator span
{
  color: #e20009;
}

.paginator a span
{
  background: #9d9d9d;
  margin-left: 0;
}

.paginator a:hover span
{
  background: #484848;
}

/* paginator end */

/* search */

.search-form
{
  background: #000 url('img/search-stripes.png') no-repeat 77px top;
  padding: 49px 45px 58px 49px;
  height: 39px;
  margin-bottom: 20px;
}

.search-form li
{
  float: left;
  width: 309px;
  margin-right: 50px;
  position: relative;
}

.search-form .submit-box
{
  float: right;
  margin-right: 0;
  width: 140px;
  margin-top: -4px;
}

.search-form input
{
  border: 1px solid #565656;
  padding: 11px 15px;
  height: 15px;
  width: 277px;
  background: #000;
  color: #fff;
}

.search-form button
{
  border: 0 none;
}

.search-form button:hover
{
  background: #e20009;
}

.search-form .select-outer
{
  border: 1px solid #565656;
  background: #fff url('img/red-tip.png') no-repeat 280px center;
  padding-right: 42px;
}

.search-form .select-inner
{
  background: #000;
  color: #fff;
  line-height: 37px;
  text-indent: 15px;
}

.search-form select
{
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* search end */


/* cookies box */
.cookies-box
{
  background-color: #fff;
  display: none;
  width:100%;
  padding:25px 0;
  position:fixed;
  bottom:0;
  left:0;
  z-index:99;
  border-top:1px solid #c4c4c4;
}

.cookies-box .ed
{
  float:left;
  color:#202020;
  float:left;
  width:900px;
}

.cookies-box .close
{
  float: right;
  display: block;
  font-size:10pt;
}
/* cookies box end */

.mb_kontakt-box {line-height:25px; margin-bottom:10px;}
.mb_kontakt-box h2 {font-size:16px;}

.slider .content .mb_h2_content {border-bottom: 1px solid #7d7d7d; font-size: 23px; font-weight: normal; line-height: 28px; margin-bottom: 15px; padding: 0 15px 15px; text-transform: uppercase;}

.portfolio-list .mb_h2_portfolio-list {background: none repeat scroll 0 0 #fff;}
.portfolio-list .mb_h2_portfolio-list a {background: url("img/fw.jpg") no-repeat scroll right top rgba(0, 0, 0, 0); color: #484848; display: block; font-size: 13px; font-weight: normal; height: 57px; line-height: 57px; overflow: hidden; padding: 0 80px 0 10px; text-transform: uppercase;}

#mb_text_main_top h1 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 15px; text-transform: uppercase;}
#mb_text_main_top p {font-size: 14px; line-height:20px; margin: 0 0 1em;}
#mb_text_main_bottom p {font-size: 14px; line-height:20px; margin: 0 0 1em;}
#mb_text_kategoria {border-bottom:1px solid #c4c4c4; margin-bottom:15px; }
#mb_text_kategoria h1 {background: url("http://www.bonita.net.pl/layout/frontend/img/bullet.png") no-repeat scroll 15px center #fff; color: #000; font-size: 18px; font-weight: normal; line-height: 26px; margin-bottom: 10px; padding: 10px 15px 10px 34px;}
#mb_text_kategoria p {font-size: 14px; line-height:20px; margin: 0 0 1em; padding:0 15px;}
#mb_text_kategoria h2 {font-size: 18px; line-height:20px; margin: 0 0 1em; padding:0 15px;}
#mb_text_kategoria summary {padding:0 15px;}
.h-h2{font-size: 16px;font-weight: bold; line-height: 26px; margin-bottom: 10px;padding: 0 15px;}
.text1-home{border-bottom: 1px solid #c2c2c2;  margin-bottom: 15px;  padding-bottom: 15px;}
.home-h2{font-size: 16px; font-weight: normal;margin-bottom: 15px; padding: 0px line-height: 20px; text-transform: uppercase;;}

.flex-container {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;clear: both;padding: 30px 0;align-items: baseline;}
.flex-container > div{width: 25%;text-align: center;}
.footer-wrapper{margin: 0 auto;max-width: 960px;}

@media only screen and (max-width: 962px) {
  .flex-container > div{width: 50%;margin-bottom: 20px;}
}

@media only screen and (max-width: 500px) {
  .flex-container > div{width: 100%;margin-bottom: 20px;}
}