﻿/* home-concept-one */

/*Practise area odd css */

.areas-of-practise.home-concept-one.col-lg-6:nth-child(odd) .areas-of-practise-item{
background:#1a202d;
}

.areas-of-practise.home-concept-one .areas-of-practise-item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 30px 0px;
	background:#efefef;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border:1px solid #efefef; 
}

.areas-of-practise.home-concept-one .areas-of-practise-item:hover{
	background:#1a202d;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder{
	width:100%;
	height:auto;
	float:left;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder > .row{
	margin-right:0;
	margin-left:0;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder > .row > [class*="col-"]{
	padding-right:0;
	padding-left:0;
}

.areas-of-practise.home-concept-one > [class*="col-"]:nth-child(3) .areas-of-practise-item > .holder > .row > [class*="col-"]:first-child,
.areas-of-practise.home-concept-one > [class*="col-"]:nth-child(4) .areas-of-practise-item > .holder > .row > [class*="col-"]:first-child,
.areas-of-practise.home-concept-one > [class*="col-"]:nth-child(7) .areas-of-practise-item > .holder > .row > [class*="col-"]:first-child,
.areas-of-practise.home-concept-one > [class*="col-"]:nth-child(8) .areas-of-practise-item > .holder > .row > [class*="col-"]:first-child,
.areas-of-practise.home-concept-one > [class*="col-"]:nth-child(11) .areas-of-practise-item > .holder > .row > [class*="col-"]:first-child,
.areas-of-practise.home-concept-one > [class*="col-"]:nth-child(12) .areas-of-practise-item > .holder > .row > [class*="col-"]:first-child{
	float:right;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .pic{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .pic img{
	display:inline-block;
	vertical-align:top;
	width:100%;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data{
	width:100%;
	height:auto;
	float:left;
	padding:25px 30px 25px 30px;
	text-align:left;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data > *:last-child{
	margin-bottom:0 !important;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data h4{
	margin:0px 0px 7px 0px;
	font-size:20px;
	color:#161922;
	line-height:30px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.home-concept-one .areas-of-practise-item:hover > .holder .data h4{
	color:#f8d065;
}
.areas-of-practise.home-concept-one .areas-of-practise-item:hover > .holder .data p{
	color:#fff;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data p{
	margin:0px 0px 15px 0px;
	color:#373737;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data .btn{
	margin:5px 0px 15px 0px;
	padding:4px 12px 7px 15px;
	background:#f8d065;
	border-radius:0;
	font-size:15px;
	color:#1a202d;
	line-height:25px;
	
	cursor:pointer;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:4px; 
	font-weight: 700;
}

.areas-of-practise.home-concept-one .areas-of-practise-item:hover > .holder .data .btn{
	background:#f8d065;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data .btn i{
	margin-left:5px;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data .btn:hover i{
	margin-left:10px;
}

/* home-concept-two */

.areas-of-practise.home-concept-two{
}

.areas-of-practise.home-concept-two .areas-of-practise-item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 30px 0px;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder{
	position:relative;
	width:100%;
	height:auto;
	float:left;
	padding:50px 15px 53px 15px;
	text-align:center;
	background-color: #1a202d;
}


/*
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:before,
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:after{
	position:absolute;
	z-index:0;
	content:" ";
	width:0;
	height:0;
	border:1px #a68f65 solid;
	opacity:0;
	visibility:hidden;
	transition:all 0.7s ease-in-out;
	-webkit-transition:all 0.7s ease-in-out;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:before{
	top:-1px;
	left:-1px;
	border-right:0;
	border-bottom:0;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:after{
	bottom:-1px;
	right:-1px;
	border-top:0;
	border-left:0;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover:before,
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover:after{
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	opacity:1;
	visibility:visible;
}*/

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .icon{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 20px 0px;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .icon img{
	display:inline-block;
	vertical-align:top;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .data{
	width:100%;
	height:auto;
	float:left;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .data > *:last-child{
	margin-bottom:0 !important;
}

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .data h4{
	margin:0px 0px 7px 0px;
	font-weight:500;
	font-size:20px;
	color:#fff;
	line-height:30px;
}
/*----- holder-hover------*/
/*
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #1a202d;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  box-shadow:0px 1px 26px #d0d0d0;
 -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
    -webkit-transform: scaleY(0);
  transform: scaleY(0);
   -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover, 
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:focus, 
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:active {
  color: #000;
}
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover:before,
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:focus:before, 
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover .data p{
	color: #1a202d;
}
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover .data h4{
	color: #1a202d;
}


.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder:hover{
	background-color: #ffffff;
	box-shadow:0px 1px 26px #d0d0d0;
}


*/

/*----- holder-hover------*/

.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .data p{
	margin:0px 0px 15px 0px;
	color:#fff;
}


/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
	
	.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data{
		text-align:center;
	}
	
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
	
	.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data{
		text-align:center;
	}
	
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
	
	.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data{
		text-align:center;
	}
	
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
	
	.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data{
		text-align:center;
	}
	
}