@charset "utf-8";
/* Truce Mediation */

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800';

.container {max-width:990px; margin:0 auto;}

body {font:18px/28px 'Open Sans', sans-serif; color:#333; font-style:normal; font-weight:400; position:relative;}

img {max-width:100%;}
a {color:#008ED3; text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
a:hover, a:focus {color:#11499E; text-decoration:none;}
blockquote {font:'Open Sans', sans-serif; color:#333;}

h1,h2,h3,h4,h5,h6 {font-family:'Open Sans', sans-serif; font-style:normal; font-weight:800; color:#1A1A1A; line-height:36px; margin:0 0 16px 0;}

h1, .jumbotron.home h1 {font-size:56px; line-height:56px; text-shadow:1px 1px 2px #FFF;}
h1 + p {margin-top:30px;}

h2 {font-size:44px; line-height:50px;}
h2 + p {margin-top:24px;}
* + h2 {margin-top:56px;}

h3 {font-size:36px; line-height:44px;}
h3 + p {margin-top:12px;}
* + h3 {margin-top:36px;}

h4 {font-size:24px;}
h4 + p {margin-top:12px;}

h5 {font-size:20px;}
h6 {font-size:16px;}

* + p {margin-top:12px;}
p {margin:0 0 12px; padding:0;}

ul,li {}
strong {font-weight:700;}

nav.navbar {margin-bottom:0;}
nav.navbar.navbar-default {border:none;}
nav.navbar.navbar-default li {text-transform:uppercase; font-size:14px; font-weight:700;}
.navbar-toggle {float:none; margin:10px auto 20px 0;}
.menuhelper {float:right; display:inline-block; text-transform:uppercase; padding-left:30px; font-size:12px; line-height:14px; color:#1A1A1A; font-weight:700;}
.navbar-header a.logo img {display:block; margin:10px auto; max-width:90%;}

.hero {background:url(../images/jumbotron/mediation.jpg) no-repeat top center; width:100%; overflow:hidden; clear:both;}
.jumbotron.home {margin-bottom:0; background:none; padding:30px 10px;}
.jumbotron.home h1 {}
.jumbotron.home p {text-shadow:1px 1px 2px #FFF; color:#1A1A1A; line-height:36px;}

.cta {background:#008ED2; padding:40px 0; margin:0;}
.cta * {color:#FFF;}
.cta-left {text-align:center;}
.cta-right {text-align:center;}
.cta h3 {margin:0; padding:0;}
.cta p {margin:0; padding:10px 0 0 0;}
.btn.btn-cta {border:3px solid #FFF; padding:10px; text-transform:uppercase; font-weight:700; margin:20px 0 0 0;}
.btn.btn-cta:hover {background:#FFF; color:#008ED3;}

.main {padding:60px 0;}

.footer {background:#333; color:#FFF; padding:30px 10px;}
.footer ul {list-style:none; padding:0; margin:0;}
.footer li {display:block;}
.footer a {color:#FFF;}
.footer a:hover {color:#008ED3;}
.footer .col-sm-4.second {margin:40px 0;}
img.social-glyph {width:18px; vertical-align:middle; padding:0 0 4px 0;}
img.logo-footer {height:30px;}

.copyright {background:#1A1A1A; color:#FFF; padding:40px 10px;}
.webolution {margin:20px 0 0 0; text-transform:uppercase; font-size:12px;}
.webolution img {max-width:67px; max-height:20px; display:block; margin:0 auto;}

.mediationModel {position:relative; min-height:400px; overflow:hidden; clear:both; margin:40px 0;}
.preMediation {max-width:50%; border:1px solid #969696; margin:0 auto; text-align:center; padding:5px; font-size:12px;}
.postMediation {max-width:50%; border:1px solid #969696; margin:0 auto; text-align:center; padding:5px; font-size:12px;}
.diamond {max-width:100%; min-height:400px; margin:0 auto; position:relative; z-index:1; background-image:url('../images/diamond.png'); background-repeat:no-repeat; background-size:contain; background-position:center;}
.diamondContent {max-width:240px; margin:0 auto; position:absolute; top:100px; left:50%; margin-left:-120px; z-index:2; text-align:left; font-size:12px; line-height:12px;}


/*.grecaptcha-badge {position:absolute; bottom:0; right:0;}*/


/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {	
	.diamond {min-height:500px;}
	.diamondContent {top:170px;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	.jumbotron.home {padding:80px 10px;}
	
	.cta-left {text-align:left;}
	.cta-right {text-align:right;}	
	.btn.btn-cta {margin:10px 0 0 0;}
	
	.footer .col-sm-4.second {margin:0;}
	
	.preMediation {border:2px solid #969696; padding:10px; font-size:14px;}
	.postMediation {border:2px solid #969696; padding:10px; font-size:14px;}
	.diamond {min-height:600px;}
	.diamondContent {top:200px; font-size:14px; line-height:14px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.preMediation {font-size:16px;}
	.postMediation {font-size:16px;}
	.diamond {min-height:700px;}
	.diamondContent {font-size:16px; line-height:16px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}