/*font-face*/
@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-size:100%; 
}
body {
	background:#fff;
	color:#1d1d1d;
	font-family: 'montserratbold', sans-serif;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul,ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
article,aside,details,figcaption,figure,footer,
header,hgroup,main,nav,section,summary {
    display: block;
}
figure {
	margin:0;
	padding:0;
}
.clearfix {
	clear:both;
}
img {
	max-width:100%;
	height:auto;
}
embed,iframe,
object,video {
	max-width: 100%;
}
html { -webkit-text-size-adjust: none; }
.aligncenter {
	clear: both;
	display: block;
	margin:0 auto;
}
.alignright {
	margin: 2px 0px 10px 15px;
	display: inline;
}
.alignleft {
	margin: 2px 15px 10px 0px;
	display: inline;
}
.alignright { float: right; }
.alignleft { float: left; }
input[type="submit"], 
input[type="email"], 
input[type="text"], 
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

/*----------------------*/
/*     Page structure   */
/*----------------------*/

#banner_area {
	padding:140px 10px 160px 10px;
	text-align:center;
}
.center {
	max-width:1024px;
	margin:0 auto;
}
#banner_area h1 {
	font-size:50px;
	color:#fff;
	border:6px solid #fff;
	padding:30px;
	text-align:center;
	font-weight:700;
	display:inline-block;
}
#container_area {
	padding:72px 10px 0px 10px;
}
#container_area p {
	font-size:18px;
	color:#1d1d1d;
	line-height:26px;
	padding-bottom:30px;
	font-family: 'Open Sans', sans-serif;
}
.practice {
	overflow:hidden;
	padding:10px 0 40px 0;
}
.practice h2 {
	font-size:18px;
	color:#1d1d1d;
	padding-bottom:30px;
	font-weight:700;
}
.practice ul li {
	width:60%;
	float:left;
	font-size:18px;
	color:#1d1d1d;
	padding:10px 0 15px 30px;
	font-family: 'Open Sans', sans-serif;
	position:relative;
}
.practice ul li:before {
    content:"\f00c";
    font-family:FontAwesome;
    font-style:normal;
    font-weight:normal;
    color:#000;
    font-size:18px;
    position:absolute;
    top:14px;
    left:0;
}
.practice ul li a {color:#1d1d1d;}
.practice ul li:nth-child(odd) {
	width:60%;
}
.practice ul li:nth-child(even) {
	width:40%;
}
.find_out {
	margin-top:30px; 
	text-align:center;
}
.find_out a {
	background:#22b0d6;
	padding:25px 40px;
	font-size:20px;
	color:#fff;
	display:inline-block;
	font-weight:700;
	text-transform:uppercase;
}
.find_out a:hover {
	background:#0bc3f4;
}
/*----------------------*/
/*    mediator_area     */
/*----------------------*/
#mediator_area {padding:60px 0 20px 0;}
#mediator_area h1 {
	font-size:40px;
	color:#1d1d1d;
	text-align:center;
	padding-bottom:80px;
}
#mediator_area h1 span {
	color:#1d1d1d;
	border-bottom:3px solid #1d1d1d;
}
#mediator_area h1 span a {color:#1d1d1d;}
#mediator {overflow:hidden;}
.mediator_column {
	width:28%;
	float:left;
	margin:0 0 70px 8%;
}
.mediator_column:nth-child(3n+1) {margin-left:0;}
.mediator_img img {
	max-width:100%;
	height:auto;
	display:block;
}
.mediator_column h3 {
	font-size:22px;
	color:#1d1d1d;
	padding:40px 0;
	font-weight:700;
}
.mediator_column h3 a {
	color:#1d1d1d;
}
.mediator_column h3 a:hover { color:#22b0d6;}
.view a {
	background:#22b0d6;
	padding:20px;
	font-size:15px;
	color:#fff;
	display:inline-block;
	text-transform:uppercase;
	font-weight:700;
}
.view a:hover {
	background:#0bc3f4;
}
/*----------------------*/
/*    footer_area       */
/*----------------------*/
#footer_area {
	padding:0 10px;
}
#footer {
	border-top:2px solid #606663;
	padding:60px 0px 70px 0;
}
#footer ul {text-align:center;}
#footer ul li {
	background:url(images/bgr_footer_li.jpg) no-repeat left 4px;
	display:inline-block;
	font-size:18px;
	color:#1d1d1d;
	padding:0 15px 0 20px;
	font-family: 'Open Sans', sans-serif;
}
#footer ul li:first-child {
	background:none; 
	padding-left:0;
}
#footer ul li a {color:#1d1d1d;}


#footer ul li,
.mediator_column h3 a,
#banner_area h1,
.view a,
.find_out a {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/*----------------------*/
/*      responsive      */
/*----------------------*/

@media screen and (max-width: 1050px) {
#banner_area h1 {
	font-size:45px;
}
}
@media screen and (max-width: 950px) {
#banner_area h1 {
	font-size:40px;
}
}
@media screen and (max-width: 930px) {
#banner_area h1 {
	font-size:35px;
}
}
@media screen and (max-width: 768px) {
.practice ul li:nth-child(odd),
.practice ul li:nth-child(even) {
	width:100%;
}
.practice ul li {
	width:100%;
	float:none;
	clear:both;
	padding-bottom:20px;
}
.practice {
	padding-bottom:30px
}
.mediator_column {
	width:40%;
	margin:0 5% 50px 5%;
}
.mediator_column:nth-child(3n+1) {margin-left:5%;}
#mediator_area {padding:80px 0 40px 0;}
#mediator_area h1 {
	text-transform:uppercase;
}
#container_area { padding-top:45px;}
}
@media screen and (max-width: 580px) {
#banner_area {
	padding:100px 10px;
}
#banner_area h1 {
	font-size:30px;
}
.mediator_column h3 {
    font-size:18px;
}
#mediator_area {padding:50px 0 20px 0;}
#footer {
	padding:30px 0px;
}
}
@media screen and (max-width: 480px) {
#banner_area {
	padding:50px 10px;
}
.practice ul li {
	padding:10px 0 10px 30px;
}
.practice ul li:before {
    top:11px;
}
.practice ul li { font-size:17px;}
.mediator_column {
	width:86%;
	margin:0 7% 40px 7%;
}
.mediator_column:first-child {margin-left:7%;}
#mediator_area h1 span {
	border-bottom:none;
}
.mediator_column h3 {
	text-align:center;
	padding:25px 0;
}
#mediator_area h1 {
	border-bottom:3px solid #1d1d1d;
	padding-bottom:0px;
	margin-bottom:50px;
}
.find_out a {
	padding:25px 38px;
}
.view {
	text-align:center;
}
.view a {
	padding:20px 25px;
}
#footer ul li {
	background:none;
	padding:0;
	font-size:16px;
}
.view a {
	font-size:14px;
}
}
@media screen and (max-width: 380px) {
#banner_area h1 {
	font-size:25px;
	padding:30px 20px;
}
.practice ul li { font-size:15px;}
.find_out a {
	font-size:20px;
}
#footer ul li {
	font-size:13px;
}
}