/*******************************************************************************
 
    Project: Robeson
    Author: Prima-Line.de
    Date: 06.2014   
 
********************************************************************************
 
    1. BASE
        1.1 Normalize
        1.2 Boilerplate Styles
        1.3 Clearfix
        1.4 Fonts
        1.5 Basic project styles
        1.6 Typography
 
    2. LAYOUT
        2.1 Layout elements
        2.2 Header
        2.3 Navigation
        2.4 Content
        2.5 Sidebar
        2.6 Footer
        2.7 Showcase
        2.8 Accordion
 
    3. PAGES
        3.1 Home
        3.2 Team
        3.2 Contact
 
    4. PRINT
 
*******************************************************************************/
 
 
/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/
 
 
/* 1.1 Normalize
------------------------------------------------------------------------------*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0; 
    -ms-interpolation-mode: bicubic; 
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0; 
    padding: 0;
    white-space: normal; 
    *margin-left: -7px; 
}

button,
input,
select,
textarea {
    font-size: 100%; 
    margin: 0; 
    vertical-align: baseline; 
    *vertical-align: middle; 
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; 
    cursor: pointer; 
    *overflow: visible;  
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
    *height: 13px; 
    *width: 13px; 
}

input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; 
    vertical-align: top; 
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 1.2 Boilerplate Styles
------------------------------------------------------------------------------*/

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* 1.4 Fonts
------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,400italic);

/* 1.5 Basic project styles
------------------------------------------------------------------------------*/

html {overflow:scroll;}

body {
	background: url(../img/footer/footer-pattern.png);
	color: #35424a;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 155%;
}

a:focus,
a:active {outline:none;}

article {margin:0 0 2em;}

/* 1.6 Typography
------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	color: #16362a;
	font-weight: 700;
	font-size: 26px;
}

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 20px; margin:0 0 0.75em; }

h5 { font-size: 18px; }

h6 { font-size: 17px; margin:0 0 0.5em; }

a {
	color: #16362A;
}

a:hover {
	color: #000;
	text-decoration: none;
}

p {
	margin: 0 0 11px 0;
}

strong {
	font-weight: 700;
}

small {
	font-size: 14px;
}

.hero {
	font-size: 18px; 
	letter-spacing: normal;
	margin-bottom: 35px;
	line-height: 160%;
}

.hero-alt {
	font-size: 18px;
	letter-spacing: normal;
	margin-bottom: 35px;
	line-height: 160%;
	border-top: 1px solid #C2C6C8;
	border-bottom: 1px solid #C2C6C8;
	padding: 8px 0 16px;
}

.btn {
	position: relative;
	display: inline-block;
	border-radius: 5px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 400;
	text-decoration: none;
	padding: 0 6px;
	margin: 0 6px;
	font-size: 14px;
	border: 1px solid #244237;
	color: #fff;
	background-color: #346d57;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(52, 109, 87)), to(rgb(42, 71, 61)));
	background-image: -webkit-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: -moz-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: -o-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: -ms-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#346d57', EndColorStr='#2a473d');
	-webkit-transition: all 0.4s ease; 
	   -moz-transition: all 0.4s ease; 
	     -o-transition: all 0.4s ease; 
	        transition: all 0.4s ease;
}

.btn:hover {
	color: #fff;
	background-color: #2a473d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(42, 71, 61)), to(rgb(52, 109, 87)));
	background-image: -webkit-linear-gradient(top, rgb(42, 71, 61), rgb(52, 109, 87));
	background-image: -moz-linear-gradient(top, rgb(42, 71, 61), rgb(52, 109, 87));
	background-image: -o-linear-gradient(top, rgb(42, 71, 61), rgb(52, 109, 87));
	background-image: -ms-linear-gradient(top, rgb(42, 71, 61), rgb(52, 109, 87));
	background-image: linear-gradient(top, rgb(42, 71, 61), rgb(52, 109, 87));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2a473d', EndColorStr='#346d57');
}

.btn-group {
	padding: 33px 0 23px;
}

.btn-large {
	font-size: 18px;
	line-height: 44px;
	padding: 0 12px;
	margin: 0 16px;
}

.btn-large.btn-arrow {
	padding-left: 28px;
}

.btn-arrow:after {
	content: ' ';
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -6px;
	width: 8px;
	height: 13px;
	background: url(../img/arrows/btn-arrow.png) no-repeat
}

input[type="text"],
input[type="email"],
textarea {
	background: #F1F1F1;
	border: 1px solid #C2C6C8;
	font-weight: 300;
}

textarea {
	padding: 10px;
	box-sizing: border-box;
}

label {
	cursor: pointer;
}

/* 2. LAYOUT
--------------------------------------------------------------------------------
==============================================================================*/

/* 2.1 Layout elements
------------------------------------------------------------------------------*/

.wraper {
	background: #fff;
}

.container {
	width: 940px;
	margin: 0 auto;
	position: relative;
}

.column-left {
	width: 635px;
	float: left;
}

/* 2.2 Header
------------------------------------------------------------------------------*/

.logo {
	margin: 21px 0 25px 12px;
	display: inline-block;
}

/* 2.3 Navigation
------------------------------------------------------------------------------*/

.nav {
	float: right;
}

.nav ul {
	margin: 61px 15px 0 0;
	padding: 0;
}

.nav li {
	display: inline;
}

.nav a {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 24px;
	color: #35424a;
	text-transform: uppercase;
	font-weight: 400;
	text-decoration: none;
	padding: 0 8px;
	margin: 0 2px;
	font-size: 14px;
	letter-spacing: normal;
	-webkit-transition: all 0.2s ease; 
	   -moz-transition: all 0.2s ease; 
	     -o-transition: all 0.2s ease; 
	        transition: all 0.2s ease;
}

.nav a.active,
.nav a:hover {
	border: 1px solid #244237;
	color: #fff;
	background-color: #346d57;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(52, 109, 87)), to(rgb(42, 71, 61)));
	background-image: -webkit-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: -moz-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: -o-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: -ms-linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	background-image: linear-gradient(top, rgb(52, 109, 87), rgb(42, 71, 61));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#346d57', EndColorStr='#2a473d');
}

.top-link {
	position: absolute;
	right: 28px;
	top: 8px;
	text-decoration: none;
	font-size: 12px;
}

.top-link:hover,
.top-link.active {
	text-decoration: underline;
}

/* 2.4 Content
------------------------------------------------------------------------------*/

.content {
	padding: 28px 21px 49px 21px;
	box-sizing: border-box;
}

.home .content {
	padding: 22px 21px 20px 21px;
}

.page-title {
	font-size: 26px;
	margin: 0 0 31px 0;
	color: #16362a;
}

.page-title-border {
	border-bottom: 1px solid #C2C6C8;
	padding-bottom: 20px;
	margin-bottom: 12px;
}

/* 2.5 Sidebar
------------------------------------------------------------------------------*/

.column-right {
	width: 240px;
	float: right;
}

.address {
	background: url(../img/icons/home-icon.png) 21px 32px no-repeat;
	padding: 28px 0 24px 66px;
	font-size: 17px;
	line-height: 150%;
	font-weight: 100;
}

.phone {
	background: url(../img/icons/phone-icon.png) 24px 7px no-repeat;
	padding: 9px 0 6px 66px;
	font-size: 17px;
	font-weight: 100;
}

.fax {
	background: url(../img/icons/fax-icon.png) 25px 6px no-repeat;
	padding: 4px 0 28px 66px;
	font-size: 17px;
	font-weight: 100;
}

.email {
	background: url(../img/icons/email-icon.png) 28px 6px no-repeat;
	padding: 6px 0 6px 65px;
	font-size: 17px;
	font-weight: 100;
}

/* 2.6 Footer
------------------------------------------------------------------------------*/

.footer {
	border-top: 1px solid #D7D7D7;
	box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.3);
	padding: 25px 0 75px 0;
	line-height: 180%;
	font-size: 14px;
}

.footer-module-1,
.footer-module-2,
.footer-module-3 {
	float: left;
	width: 243px;
	box-sizing: border-box;
}

.footer-module-1 {
	padding-left: 12px;
}

.footer-module-2 {
	width: 220px;
}

.footer-module-3 {
	float: right;
	width: 216px;
	font-size: 12px;
	line-height: 140%;
	padding-top: 6px;
	opacity: 0.6;
}

.footer-module-3 a {
	text-decoration: none;
	color: #35424a;
	-webkit-transition: all 0.4s ease; 
	   -moz-transition: all 0.4s ease; 
	     -o-transition: all 0.4s ease; 
	        transition: all 0.4s ease;
}

.footer-module-3 a:hover {
	color: #000;
	text-decoration: underline;
}

/* 2.7 Showcase
------------------------------------------------------------------------------*/

.showcase {
	border-top: 1px solid #2F5B4A;
	padding-top: 1px;
	background: url(../img/showcase/shadow.png) center bottom no-repeat;
	padding-bottom: 23px;
	position: relative;
}

.home .showcase {
	padding-bottom: 23px;
	margin-bottom: 13px;
	background:none;
}

.in-showcase {
	background: url(../img/showcase/showcase-subpage.jpg) center top no-repeat;
	background-size: cover;
	height: 199px;
}

.home .in-showcase {
	height: 326px;
	background-image: url(../img/showcase/showcase.jpg);
}

.showcase h1 {
	margin: 0;
	position: absolute;
	bottom: -23px;
	left: 50%;
	margin-left: -365px;
	text-indent: -10000px;
	width: 731px;
	height: 113px;
	background: #16362A;
	padding: 13px 0 9px;
	color: #fff;
	box-sizing: border-box;
	text-align: center;
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 35px;
	background: url(../img/showcase/showcase_box.png) no-repeat;
}

/* 2.8 Accordion
------------------------------------------------------------------------------*/


.accordion {
	margin-top: 0px;
	padding-top: 26px;
	margin-left: -2px;	
}

.accordion dt {
	margin-bottom: 12px;
}

.accordion dt a {
	display: block;
	background: #F1F2F3;
	position: relative;
	text-decoration: none;
	color: #16362a;
	font-weight: 700;
	min-height: 34px;
	padding: 5px 0 0 42px;
	box-sizing: border-box;
}

.accordion dt a:after {
	content: '+';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 33px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 30px;
	background-color: #336c56;
	border: 1px solid #234136;
	box-sizing: border-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(51, 108, 86)), to(rgb(41, 71, 59)));
	background-image: -webkit-linear-gradient(top, rgb(51, 108, 86), rgb(41, 71, 59));
	background-image: -moz-linear-gradient(top, rgb(51, 108, 86), rgb(41, 71, 59));
	background-image: -o-linear-gradient(top, rgb(51, 108, 86), rgb(41, 71, 59));
	background-image: -ms-linear-gradient(top, rgb(51, 108, 86), rgb(41, 71, 59));
	background-image: linear-gradient(top, rgb(51, 108, 86), rgb(41, 71, 59));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#336c56', EndColorStr='#29473b');
}

.accordion dt a.active:after {
	content: '-';
}

.accordion dd {
	padding: 8px 0 32px 2px;
	margin: 0;
}

/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/

/* 3.1 Home
------------------------------------------------------------------------------*/

.home .content {
	text-align: center;
}

/* 3.2 Team
------------------------------------------------------------------------------*/

.team-member {
	margin-bottom: 27px;
}

.team-member img {
	float: left;
	margin: 6px 15px 9px 0;
}

/* 3.2 Contact
------------------------------------------------------------------------------*/

.contact-form {
	padding: 17px 0 0 0;
}

.left-field {
	float: left;
	width: 322px;
}

.right-field {
	float: left;
	width: 312px;
}

.right-field input {
	float: right;
}

.field-line {
	margin-bottom: 11px;
}

.contact-form label {
	width: 77px;
	display: inline-block;
}

.contact-form .right-field label {
	width: 72px;
}

.contact-form input[type="text"],
.contact-form input[type="email"] {
	width: 231px;
	box-sizing: border-box;
	padding: 5px 10px;
}

.contact-form textarea {
	width: 553px;
	height: 145px;
}

.contact-form .info {
	padding: 8px 0 0 78px;
	font-size: 13px;
	margin: 0;
	line-height: 21px;
}

.contact-form .submit-form {
	text-align: right;
	margin-top: -11px;
}

.contact-form .submit-form .btn {
	margin: 0px 3px;
	padding: 5px 32px;
}

.success {
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	color: #3c763d;
	padding: 5px 10px;
}

.alert {
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	color: #a94442;
	padding: 5px 10px;
}

input.error,
textarea.error {
	background-color: #f2dede;
	border: 1px solid #ED7E88;
}

label.error,
.contact-form .right-field label.error {
	display: block;
	width: auto;
	padding-left: 82px;
	font-size: 12px;
}

/* 4. PRINT
--------------------------------------------------------------------------------
==============================================================================*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    .showcase {
	    display: none;
    }
}