/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 13, 2014 */

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../fonts/proximanova-regularitalic-webfont.eot');
    src: url('../fonts/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regularitalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-regularitalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { margin: 0px; padding: 0px; text-align: center; background-color: #fff; }
body, table, input, textarea, select { font-family: 'proxima_nova_rgregular', arial; font-size: 18px; font-weight: 400; color: #1a1513; }

.width { width: 1002px; margin: auto; text-align: center; margin: 0 auto; position: relative; }
.iconarrow { width: 45px; height: 46px; background-color: #da251c; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 50%; background-image: url('../images/arrow.png'); margin: 0 auto; }
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }

#top { height: 110px; background-color: #fff; box-shadow: 0 0 8px #ccc; }
#top:after { clear: both; content: ''; display: block; }
#top #logo { width: 240px; height: 90px; margin: 0 auto; padding: 10px 0; text-align: center; }

#menu { color: #fff; font-size: 85%; background-color: rgba(57, 51, 50, 0.6); position: absolute; width: 100%; z-index: 999; }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu ul li { display: inline-block; margin: 20px 70px; }
#menu ul li a { color: #fff; padding: 11px; font-family: 'proxima_nova_rgbold', arial; font-weight: 600; display: block; text-decoration: none; text-transform: uppercase; border: 1px solid transparent; }
#menu ul li a:hover { color: #fff; }
#menu ul li a.active { border-color: #c4c2c2; }

.section { padding: 70px 0; }
.section h1 { margin: 0px; padding: 30px 0; color: #000; font-family: 'proxima_nova_rgbold', arial; font-size: 200%; font-weight: 700; text-transform: uppercase; }

#banner { height: 678px; overflow: hidden; }
#banner.section { padding: 0; }
#banner .slide { background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size-y: 100%; }
#banner .slide .punch { width: 100%; color: #fff; bottom: 0; left: 0px; position: absolute; background: rgba(43, 45, 49, 0.6); font-family: 'proxima_nova_rgbold', arial; text-transform: uppercase; }
#banner .slide .punch .details { width: 720px; padding: 25px; border: 1px solid #d3d4d6; font-size: 130%; left: 0; right: 0; margin: 35px auto; }
#banner .slide.item01 { background-image: url('../images/banner01.jpg'); }
#banner .slide.item02 { background-image: url('../images/banner02.jpg'); }
#banner .slide.item03 { background-image: url('../images/banner03.jpg'); }
#banner .slide.item04 { background-image: url('../images/banner04.jpg'); }
#banner .slide.item05 { background-image: url('../images/banner05.jpg'); }

#banner .slide.vantage .punch { left: inherit; right: 0; }
#banner .slide.blueocean .punch { left: inherit; right: 0; }

#banner .slide.gigaset .punch .details { background-color: #e77817; }
#banner .slide.skross .punch .details { background-color: #EC1B24; }
#banner .slide.vantage .punch .details { background-color: #F7821F; }
#banner .slide.blueocean .punch .details { background-color: #303192; }
#banner .slide.whitelight .punch .details { background-color: #F51B23; }

#punch { color: #fff; background-color: #d34e40; padding: 30px 0; }

#about-us { padding-bottom: 0; }
#about-us p { padding: 0 110px; }
#about-us .highlight { height: 288px; margin-top: 70px; color: #fff; background-image: url('../images/about-us-bg.jpg'); background-repeat: repeat-x; background-position: center bottom; }
#about-us .highlight p { font-size: 120%; text-transform: uppercase; padding: 35px 20px; border: 1px solid #fff; }
#about-us .highlight .width div { padding: 45px 30px; }

#services p { padding: 0 55px; }
#services .items .item { display: inline-block; width: 298px; margin: 40px 12px 0 12px; position: relative; border: 1px solid #eaeaea; vertical-align: top; }
#services .items .item .iconarrow { width: 32px; height: 32px; position: absolute; top: -16px; left: 0; right: 0; z-index: 2; }
#services .items .item .title { color: #fff; width: 100%; height: 100px; background-color: rgba(25, 19, 17, 0.6); text-transform: uppercase; position: absolute; z-index: 1; }
#services .items .item .title div { width: 298px; height: 100px; display: table-cell; vertical-align: middle; }
#services .items .item.alt .title { background-color: rgba(224, 75, 67, 0.6); }
#services .items .item .title h2 { margin: 0 30px; padding: 0; font-size: 85%; font-family: 'proxima_nova_rgbold', arial; }
#services .items .item .image { width: 100%; height: 270px; oveflow: hidden; }
#services .items .item .image img { width: 100%; height: auto; }
#services .items .item .details { font-size: 85%; padding: 25px; text-align: left; }
#services .items .item .details p { padding: 0px; }
#services .items .item .details ul { color: #da251c; margin-left: 0; padding-left: 20px; }

#contact-us { color: #fff; height: 464px; padding: 0px; background-color: #f4f1e8; text-align: center; position: relative; background-image: url('../images/contact-us-bg.jpg'); background-repeat: no-repeat; background-position: center center; position: relative; }
#contact-us #overlay { width: 100%; height: 464px; background-color: rgba(107, 104, 102, 0.5); position: absolute; z-index: 1; top: 0; left: 0; }
#contact-us h1 { color: #fff; font-size: 150%; }
#contact-us .width { padding-top: 40px; position: relative; z-index: 2; }
#contact-us #address { color: #fff; font-style: normal; }
#contact-us #address b { font-family: 'proxima_nova_rgbold', arial; font-weight: 700; font-size: 120%; }
#contact-us #address a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
#contact-us #address a:hover { color: #ffc59b; border-bottom-color: #ffc59b; }
#contact-us #address span.tel { margin-left: 5px; }
#contact-us #address span.fax { margin-left: 5px; }
#contact-us #address span.email { margin-left: 5px; }

#bottom { color: #fff; font-size: 70%; background-color: #d36c6b; padding: 20px 0; }
#bottom:after { clear: both; content: ''; display: block; }
#bottom .width { text-align: left; }
#bottom a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
#bottom a:hover { color: #1a1513; border-bottom-color: #1a1513; }
#bottom #copyright { float: left; }
#bottom #credits { float: right; }