@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900);html,body{height:100%}
body{margin:0px;padding:0px;background:#3D3D3D;font-family:'Source Sans Pro',sans-serif;font-size:11pt;font-weight:300;color:#6c6c6c}
h1,h2,h3{margin:0;padding:0;font-weight:600;color:#454445}
p,ol,ul{margin-top:0}
ol,ul{padding:0;list-style:none}
p{line-height:180%}
strong{}
a{color:#2C383B}
a:hover{text-decoration:none}
.container{margin:0px auto;width:800px}
.image{display:inline-block}
.image img{display:block;width:100%}
.image-full{display:block;width:100%;margin:0 0 2em 0}
.image-left{float:left;margin:0 2em 2em 0}
.image-centered{display:block;margin:0 0 2em 0}
.image-centered img{margin:0 auto;width:auto}
ul.style1{margin:0;padding:0em 0em 0em 0em;overflow:hidden;list-style:none;color:#6c6c6c}
ul.style1 li{overflow:hidden;display:block;padding:2.80em 0em;border-top:1px solid #D1CFCE}
ul.style1 li:first-child{padding-top:0;border-top:none}
ul.style1 .image-left{margin-bottom:0}
ul.style1 h3{padding:1.2em 0em 1em 0em;letter-spacing:0.10em;text-transform:uppercase;font-size:1.2em;font-weight:600;color:#454445}
ul.style1 a{text-decoration:none;color:#525252}
ul.style1 a:hover{text-decoration:underline;color:#525252}
ul.style2{margin:0;padding-top:1em;list-style:none}
ul.style2 li{border-top:solid 1px #E5E5E5;padding:0.80em 0 0.80em 0;font-family:0.80em}
ul.style2 li:before{display:inline-block;padding:4px;background:#DB3256}
ul.style2 a{display:inline-block;margin-left:1em}
ul.style2 li:first-child{border-top:0;padding-top:0}
ul.style2 .icon{color:#FFF}
ul.style3{margin:0;padding-top:1em;list-style:none}
ul.style3 li{border-top:solid 1px rgba(255,255,255,.2);padding:1em 0 1em 0;font-family:0.80em}
ul.style3 li:before{display:inline-block;padding:4px;background:#FFF}
ul.style3 a{display:inline-block;margin-left:1em;font-size:1em !important;color:#FFF}
ul.style3 li:first-child{border-top:0;padding-top:0}
ul.style3 .icon{color:#DB3256}
ul.contact{margin:0;padding:2em 0em 0em 0em;list-style:none}
ul.contact li{display:inline-block;padding:0em 0.30em;font-size:1em}
ul.contact li span{display:none;margin:0;padding:0}
ul.contact li a{color:#FFF}
ul.contact li a:before{display:inline-block;background:#3f3f3f;width:40px;height:40px;line-height:40px;border-radius:20px;text-align:center;color:#FFFFFF}
ul.contact li a.icon-twitter:before{background:#2DAAE4}
ul.contact li a.icon-facebook:before{background:#39599F}
ul.contact li a.icon-dribbble:before{background:#C4376B}
ul.contact li a.icon-tumblr:before{background:#31516A}
ul.contact li a.icon-rss:before{background:#F2600B}
.button{display:inline-block;padding:1.3em 3em;background:#4f121a;-moz-transition:opacity 0.25s ease-in-out;-webkit-transition:opacity 0.25s ease-in-out;-o-transition:opacity 0.25s ease-in-out;-ms-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;letter-spacing:0.20em;text-decoration:none;text-transform:uppercase;font-weight:600;color:#FFF}
.button:hover{}
.button:active{}
.button-big{padding:1.6em 4em;font-size:1.4em;font-weight:900}
.title{margin-bottom:3em}
.title h2,h1{font-weight:400;font-size:2.8em;color:#323232}
.title .byline,#wrapper h2{letter-spacing:0.15em;text-transform:uppercase;font-weight:400;font-size:1.1em;color:#6F6F6F}
#header-wrapper{overflow:hidden;background:#4f121a}
#header{}
#triangle-up{margin:0 auto;width:0;height:2em;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:30px solid #3D3D3D}
#logo{padding:10px;text-align:center}
#logo h1{font-size:3.5em}
#logo a{text-decoration:none;color:#FFF}
#logo span{letter-spacing:0.10em;text-transform:uppercase;font-size:0.90em;color:rgba(255,255,255,0.5)}
#logo span a{color:rgba(255,255,255,0.8)}
#logo .icon{font-size:4em;color:rgba(255,255,255,1)}
#menu-wrapper{background:#3D3D3D}
#menu{margin:0px auto}
#menu ul{text-align:center}
#menu li{display:inline-block}
#menu li a,#menu li span{display:inline-block;margin-left:0.50em;padding:2em 1.5em 1em 1.5em;letter-spacing:0.20em;text-decoration:none;font-size:0.90em;font-weight:600;text-transform:uppercase;outline:0;color:#FFF}
#menu li:hover a,#menu li.active a,#menu li.active span{}
#menu .current_page_item a{color:#FFF;border-bottom:5px solid #4f121a}
#banner-wrapper{overflow:hidden;padding:3em 0em;background:#F87979}
#banner{overflow:hidden;width:1000px;padding:0px 100px;text-align:center;color:rgba(255,255,255,.7)}
#banner a{color:rgba(255,255,255,.9)}
#banner .box-left{float:left}
#banner .box-right{float:right}
#banner h2{margin:0em;padding:0em;font-weight:400;font-size:3em;color:#555555}
#banner span{display:block;padding-top:0.20em;text-transform:uppercase;font-size:1.2em;color:#A2A2A2}
#wrapper{background:#FFF}
#page{overflow:hidden;padding:6em 0em;border-bottom:2px solid #E3E3E3;text-align:center}
#page .button{margin-top:2em}
.extra2.container{margin-bottom:30px}
div.csc-mailform li label{width:100%;font-weight:400;float:left;font-size:18px;color:#323232}
label em,legend em{display:inline;margin-left:3px;color:#4f121a;font-weight:bold}
.csc-mailform input,.csc-mailform textarea{background:none repeat scroll 0 0 #E3E3E3;margin-bottom:15px;border:medium none;padding:5px;width:100%}
.csc-mailform{width:100%}
.csc-textpic-imagewrap{margin-top:20px}
#content{padding:0em 7em}
.content{text-align:left}
.bodytext{font-size:14px}
.float-left{float:left}
.float-right{float:right}
#sidebar{float:right;width:450px}
#stwo-col{margin-top:2em}
#stwo-col h2{display:block;padding-bottom:1.5em;letter-spacing:0.10em;text-transform:uppercase;font-size:1.2em;font-weight:600;color:#454445}
#stwo-col .sbox1{float:left;width:210px}
#stwo-col .sbox2{float:right;width:210px}
#copyright{overflow:hidden;padding:2em 0em;border-top:1px solid rgba(255,255,255,0.08)}
#copyright p{letter-spacing:0.20em;text-align:center;text-transform:uppercase;font-size:0.80em;color:rgba(255,255,255,0.3)}
#copyright a{text-decoration:none;color:rgba(255,255,255,0.6)}
#stamp .hexagon{background:#3D3D3D}
#stamp .hexagon:before{border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:30px solid #3D3D3D}
#stamp .hexagon:after{border-color:#3D3D3D}
#featured-wrapper{overflow:hidden;padding:2em 0em;background:#FFF;text-align:center}
#featured{overflow:hidden}
#featured .major{overflow:hidden;margin-bottom:3em;padding-bottom:2em;border-bottom:1px solid #E8E8E8}
#featured .major h2{font-size:3em}
#featured .major .byline,#wrapper h2{font-size:1.3em}
#featured .title{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #E3E3E3}
#featured .title h2{font-size:1.2em}
#featured h2{text-align:center}
#featured .icon{position:relative;display:inline-block;width:150px;height:150px;background:#2C383B;margin:0px auto 20px auto;line-height:150px;font-size:5em;text-align:center;color:#FFF}
.column1,.column2,.column3,.column4{width:282px}
.column1,.column2{float:left;margin-right:24px}
.column3{float:left}
.column4{float:right}
#header-featured{height:30em;background-image:url('../../fileadmin/templates/downloads/design4/img/banner.jpg');background-position:center;background-size:cover}
#slider-wrapper{padding:6em 0em;background:#DB3256}
#slider{margin:0em auto 0em auto;width:800px;position:relative}
#slider .button{}
#slider .button:hover{}
#slider .viewer{width:1000px;height:375px;margin:0 auto;overflow:hidden}
#slider .viewer .reel{display:none;height:375px}
#slider .viewer .reel .slide{position:relative;width:1000px;height:375px}
#slider .viewer .reel h2{position:absolute;top:130px;left:0;width:1200px;height:80px;line-height:80px;background:#111111;text-align:center;opacity:0.85;font-weight:normal;color:#ffffff;font-size:2.25em}
#slider .viewer .reel p{position:absolute;top:210px;left:0;width:1200px;height:40px;line-height:40px;background:#0074C6;text-align:center;opacity:0.85;font-weight:normal;color:#ffffff;font-size:1.1em}
#slider .icon{font-size:4em;color:#FFF}
#slider .previous-button{position:absolute;top:150px;left:0}
#slider .next-button{position:absolute;top:150px;right:0}
#slider .indicator{margin:30px auto 0 auto}
#slider .indicator ul{list-style:none;padding:0;margin:0;text-align:center}
#slider .indicator ul li{display:inline-block;width:12px;height:12px;text-indent:-9999em;background:#c8c8c8;margin:0 2px 0 2px;border-radius:8px;border-bottom:solid 1px #ffffff;border-top:solid 1px #909090}
#slider .indicator ul li.active{background:#505050;border-top:solid 1px #505050}
#footer-wrapper{overflow:hidden;padding:7em 0em;color:rgba(255,255,255,0.5)}
#footer .title h2{font-size:2em;font-weight:300;color:#FFF}
#footer .title .byline{display:block;padding-top:1em;text-transform:uppercase;font-size:0.80em;color:rgba(255,255,255,0.5)}
#footer .column1,#footer .column2{width:560px}
#footer .column1{float:left}
#footer .column2{float:right}
#footer .button{margin-top:2em}
.extra2{}
.extra2 .icon{font-size:1.5em}
.margin-btm{overflow:hidden;margin-bottom:5em;padding-bottom:5em;border-bottom:1px solid rgba(0,0,0,.1)}
.extra2 .button{margin-top:2em}
.extra2 .title h2,#wrapper h1{font-size:2em;margin-top:10px}
.extra2 .title .byline,#wrapper h2{font-size:0.80em;margin-bottom:20px}
.extra2 .ebox1,.extra2 .ebox2,.extra2 .ebox3{padding:0;float:left;width:33%}
.extra2 .ebox1 p,.extra2 .ebox2 p,.extra2 .ebox3 p{margin:10px;font-size:14px;text-align:left}
.extra2 .ebox1 a,.extra2 .ebox2 a,.extra2 .ebox3 a,.csc-form-element-submit input{display:inline-block;border:none;padding-top:15px;padding-bottom:15px;background:#4f121a;-moz-transition:opacity 0.25s ease-in-out;-webkit-transition:opacity 0.25s ease-in-out;-o-transition:opacity 0.25s ease-in-out;-ms-transition:opacity 0.25s ease-in-out;transition:opacity 0.25s ease-in-out;letter-spacing:0.20em;text-decoration:none;text-transform:uppercase;font-weight:600;color:#FFF;text-align:center;width:100%}
.extra2 .ebox1 a:hover,.extra2 .ebox2 a:hover,.extra2 .ebox3 a:hover,.csc-form-element-submit input:hover{background:#3D3D3D}
.hexagon{margin:0 auto 2em auto;width:120px;height:80px;line-height:80px;background:#4f121a;position:relative;text-align:center;color:#FFF;font-size:2em}
.hexagon:before{content:"";position:absolute;top:-30px;left:0;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:30px solid #4f121a}
.hexagon:after{content:"";position:absolute;bottom:-30px;left:0;width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-top:30px solid #4f121a}
#portfolio{text-align:center}
#portfolio .title{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #E3E3E3}
#portfolio .title h2{font-size:1.2em}
#portfolio h2{text-align:center}
@media (max-width:800px){.content,.container{width:100% !important}
}