.areas-of-practise.home-concept-one{
}
.areas-of-practise.home-concept-one .areas-of-practise-item{
width:100%;
height:auto;
float:left;
margin:0px 0px 30px 0px;
background:#e8dcb4;
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{
background:#9c865f;
}
.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:22px;
color:#474747;
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,
.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:#a68f65;
border-radius:0;
font-size:15px;
color:#fff;
line-height:25px;
text-shadow:0px 2px 2px rgba(0,0,0,0.1);
cursor:pointer;
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 .btn{
background:#2d241b;
}
.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;
} .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:45px 15px 50px 15px;
border:1px #d8d8d8 solid;
text-align:center;
}
.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{
display:inline-block;
vertical-align:top;
}
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .icon img{
}
.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:700;
font-size:20px;
color:#816d53;
line-height:30px;
}
.areas-of-practise.home-concept-two .areas-of-practise-item > a > .holder .data p{
margin:0px 0px 15px 0px;
color:#373737;
} @media screen and (min-width:1200px){
} @media screen and (min-width:992px) and (max-width:1199px){
} @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;
}
} @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;
}
} @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;
}
} @media screen and (max-width:320px){
.areas-of-practise.home-concept-one .areas-of-practise-item > .holder .data{
text-align:center;
}
}