law-theme-a/assets/css/main.css

A basic legal marketing page for the laravel front end.

/*

=======================================================================
[Table of contents]
=========================================================================

01. COMMON STYLES
02. HEADER
03. NAV
04. COUNTDOWN
04. WELCOME AREA
05. PRACTICE AREA
06. TESTIMONIAL AREA
07. OUR TEAM AREA
08. CONTACT US AREA
09. OUR CLIENT AREA
10. FOOTER AREA
/*

/*---------------------------------------
COMMON STYLES
-----------------------------------------*/
body {
    font-family: 'Raleway', sans-serif;
}
/*.container{
	-webkit-transition: all.2s;
	-o-transition: all.2s;
	transition: all.2s;
}*/
p{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #9b9b9b;
	line-height: 24px;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.no-padding{
	padding-left: 0;
	padding-right: 0;
}
.no-margin{
	margin-left: 0;
	margin-right: 0;
}
.no-padding-left{
	padding-left: 0;
}
.no-padding-right{
	padding-right: 0;
}
.top-margin{
	margin-top: 165px;
	margin-bottom: 40px;
}
.type-1-bg{
	background: #f9f9f9;
}
.text-upper{
    text-transform: uppercase;
}
.sl-italic{
    font-style: italic;
}
/*LOADING*/
.outslider_loading{
    background: #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
}

.outslider_loader:before, .outslider_loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.outslider_loader:before, .outslider_loader:after, .outslider_loader {
    border-radius: 50%;
    height: 18px;
    width: 18px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.outslider_loader:before {
    left: -28px;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.outslider_loader:after {
    left: 28px;
}
.outslider_loader{
    font-size: 10px;
    margin: auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    top: 50%;
    -webkit-transform: translate(0px,-50%);
    -khtml-transform: translate(0px,-50%);
    -moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
    display: block;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #efefef;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #efefef;
    }
}

@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em #efefef;
    }
    40% {
        box-shadow: 0 2.5em 0 0 #efefef;
    }
}
/*---------------------------------------
    HEADER
-----------------------------------------*/
.header-area{
	padding: 38px 0px 0px 0px;
    background-color: #fff;
    z-index: 9;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.custom-header{
    padding-right: 0;
}
.ds_padding.header-area{
    padding: 10px 0px 0px 0px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.ds_padding.header-area .menuzord-menu > li > a{
    padding: 17px 12px 20px 12px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.ds_padding.v4-header-bg {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding-top: 10px;
    padding-bottom: 10px;
}
.v3-header{
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.v4-header-bg {
    padding-top: 15px;
    background: #fff;
}
.header-contact{
	float: right;
}
.header-contact ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-contact ul li{
	display: inline-block;
    font-size: 12px;
    color: #bfbfbf;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 10px;
    border-right: 1px solid #e5e4e4;
}
.header-contact ul li:last-child{
    padding-right: 0;
}
.header-contact ul li:last-child{
    border-right: 1px solid transparent;
}
.header-contact ul li a{
	font-size: 12px;
	color: #d5aa6d;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
}
.header-contact ul li span{
	color: #5d5d5d;
	font-size: 12px;

}
.header-search{
	display: inline-block;
    position: absolute;
    top: 36px;
    right: 15px;
}
.header-search ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-search ul li{
	display: inline-block;
    cursor: pointer;
    padding: 0px 2px;
}
.header-search ul li:first-child{
    padding: 0px 10px;
}
.header-search ul li a{
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    height: 17px;
    line-height: 14px;
    text-align: center;
    width: 17px;
    position: relative;
    top: -2px;
    text-decoration: none;
    display: block;
}
.header-search ul li a:hover{
	color: #d5aa6d;
}
.header-search ul li:last-child a{
	background: #d5aa6d;
	color: #fff;
}
.header-search ul li:hover i{
	color: #d5aa6d;
}
.header-search ul li a i,.header-search ul li i{
	margin: 0px;
    color: #333;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.add-to-cart-content{
    background-color: #2c2b2b;
    position: absolute;
    right: 0px;
    top: 52px;
    overflow: hidden;
    visibility: hidden;
    width: 390px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    -ms-transition: all 300ms ease 0ms;
    transition: all 300ms ease 0ms;
    z-index: 1;
    line-height: normal;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 30px;
}
.ds_padding .add-to-cart-content{
    top: 39px;
}
.add-to-cart-content > p{
    font-weight: bold;
    color: #b8b8b8;
    font-size: 14px;
    margin-top: 15px;
}
.add-to-cart-content > p span{
    color: #d5aa6d;
    float: right;
}
.add-to-cart-content > button{
    display: inline-block;
    width: 155px;
    height: 40px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: #d5aa6d;
    color: #fff!important;
    text-transform: uppercase;
    padding-top: 7px;
    margin: 15px 0px 5px 5px;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
}
.add-to-cart-content{}
.add-cart-thumb{}
.add-cart-thumb span{
    position: absolute;
    right: 30px;
    top: 0;
}
.add-cart-thumb span img{
    padding: 0;
    border-radius: 0px;
}
.add-cart-thumb h3{
    color: #fff!important;
}
.add-cart-thumb  h3 a{
    color: #fff!important;
}
.add-cart-thumb p{
    border-bottom: 1px solid #393838!important;
}
.open-cart{
    overflow: visible;
    visibility: visible;
    opacity: 1;
}

.menuzord-brand, .menuzord-brand:hover, .menuzord-brand:focus{
	font-family: 'Lora', serif;
	font-size: 40px;
	color: #1b1a1a;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	display: inline-block;

}
.menuzord-brand img{
	margin-right: 15px;
}
.menuzord-brand span{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #bfbfbf;
	float: right;
	position: relative;
	padding: 6px 0 6px 20px;
	line-height: 20px;
    margin-left: 20px;
    font-weight: normal;
}
.menuzord-brand span:before{
    background: #bfbfbf;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 34%;
    width: 1px;
    left: 0;
}
.menuzord-menu > li > {}
.menuzord-menu > li > a {
    padding: 17px 12px 33px 12px;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
    outline: 0;
    line-height: 1.42857143;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.menuzord-menu > li > a:before {
	position: absolute;
    background-color: #d5aa6d;
    content: "";
    height: 2px;
    top: 10px;
    width: 0;
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}
.menuzord-menu > li.active > a:before {
	position: absolute;
    background-color: #d5aa6d;
    content: "";
    height: 2px;
    top: 10px;
    width: 10px;
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}
.menuzord-menu > li > a:hover:before {
	position: absolute;
    background-color: #d5aa6d;
    content: "";
    height: 2px;
    top: 10px;
    width: 10px;
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}
.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a {
    color: #d5aa6d;
}
.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown {
    min-width: 275px;
}
.menuzord-menu {
    float: right;
    padding-right: 80px;
}
.menuzord-menu > li > .megamenu{
    border-top:0px solid;
}
.menuzord-menu ul.dropdown li a,.menuzord-menu ul.dropdown li a:hover{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    padding: 15px 0px 15px 30px;
    border-bottom: 0;
}
.menuzord-menu ul.dropdown li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 79%;
    height: 1px;
    background-color: #393838;
    margin-left: 30px;
    margin-right: 30px;
}
.menuzord-menu ul.dropdown > li:last-child > a:after{
    height: 0px;
}
.megamenu-bg{
	background: #2c2b2b!important;
}
.mega-item{
	display:block;
}
.mega-item-2{
    float: left;
    width: 18%;
    margin-right: 2%;
}
.mega-item ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.mega-item ul li{}
.mega-item ul li a{
    width: 100%;
    background: #2c2b2b;
    padding: 13px 5px 13px 0px;
    color: #c2c2c2;
    text-decoration: none;
    display: inline-block;
    float: left;
    clear: both;
    position: relative;
    outline: 0;
    border-bottom: 1px solid #393838;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 12px;

}
.menuzord-menu ul.dropdown, .menuzord-menu ul.dropdown li ul.dropdown{
    background: #2c2b2b!important;
    padding-top: 11px;
    padding-bottom: 11px;
}
.menuzord-menu ul.dropdown li{
    background: #2c2b2b!important;
}
.menuzord-menu ul.dropdown > li:last-child a {
    border-bottom: 0px solid;
}
.mega-item ul li a:hover{
    color: #d5aa6d;
}
.menuzord-menu ul.dropdown > li > ul > li > a, .menuzord-menu ul.dropdown > li:last-child > ul > li > a{
    border-bottom: 0px solid #393838;
}
.menuzord-menu ul.dropdown > li > ul > li:last-child > a, .menuzord-menu ul.dropdown > li:last-child > ul > li:last-child > a{
    border-bottom: 0px solid #393838;
}
.mega-item ul li:last-child a{
    border-bottom: 0px solid;
}
.menuzord-menu li ul.dropdown li .indicator {
    position: absolute;
    top: 13px;
    right: 30px;
    font-size: 15px;
}
.full-page-search{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.full-page-search-type-2{
    z-index: 50;
}
.full-page-search .sr-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.94);
    z-index: 3;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.open-search.full-page-search{
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.full-page-search form{
    position: relative;
    z-index: 5;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    max-width: 1170px;
    width: 90%;
    margin: 0 auto;
}
.full-page-search form:before{
    content: "\f002";
    font-family: FontAwesome;
    position: absolute;
    right: 16px;
    top: 15px;
    font-size: 14px;
    color: #333;
    font-size: 28px;
}
.full-page-search form input::-webkit-input-placeholder {
    color:#474747;
}
.full-page-search form input::-moz-placeholder {
    color:#474747;
} /* firefox 19+ */
.full-page-search form input:-ms-input-placeholder {
    color:#474747;
} /* ie */
.full-page-search form input:-moz-placeholder {
    color:#474747;
 }
.full-page-search form input,.full-page-search form input:focus{
    font-size: 35px;
    color: #474747;
    height: 75px;
    font-family: 'Lora', serif;
    border: none;
    font-weight: bold;
    box-shadow: none;
    padding-right: 42px;
    width: 100%;
    outline: 0;
    box-shadow: none;
    background: transparent;
}
.full-page-search form input[type="submit"]{
    background-color: transparent;
    border: medium none;
    font-size: 0;
    max-width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    z-index: 99;

}
@media (max-width: 1150px){
    .menuzord-menu {
        padding-right: 0px;
    }
    .header-search {
        display: inline-block;
        position: absolute;
        bottom: 50px;
        right: 21px;
   }
   .header-contact {
        padding-bottom: 25px;
   }
}
@media (max-width: 1200px){
    .menuzord-brand span {
        display: none;
    }
}
@media (max-width: 992px){
    .header-area {
       padding: 0px 0px 0px 0px;
    }
    .custom-header{
        width: 95%;
        margin: 0 auto;
    }
    .menuzord .showhide {
        padding: 38px 0 0;
    }
    .header-search {
        display: inline-block;
        position: absolute;
        top:38px;
        right: 60px;
    }
    .filter-search i{
        font-size: 20px;
    }
    .header-search ul li:not(:first-child){
       display: none;
    }
    .menuzord-responsive .menuzord-brand {
        font-size: 40px;
        padding: 10px 0px 10px 0px;
        margin: 0;
    }
    .ds_padding.header-area .menuzord-menu > li > a {
        padding:12px 20px;
    }
   .menuzord-responsive .menuzord-menu ul.dropdown li a,
   .menuzord-responsive .menuzord-menu ul.dropdown li a:hover {
        border-bottom: solid 1px #393838;
        padding-left: 0px !important;
    }
    .header-contact {
        display: none;
    }
    .menuzord-menu-bg{
    	background: #2c2b2b!important;
    }
    .menuzord-menu > li > a {
        color: #999 !important;
        border-bottom: 1px solid  transparent !important;
    }
    .menuzord-responsive .menuzord-menu > li:first-child > a {
        border-top: 1px solid  transparent !important;
    }
    .menuzord-responsive .menuzord-menu > li > .megamenu {
        border-bottom: 1px solid  transparent !important;
    }
    .menuzord-responsive .menuzord-menu li .indicator {
        border-left: 1px solid  transparent !important;
        top: 0px!important;
    }
    .mega-item-2{
    	display:block;
    	width: 100%;
    	margin-right: 0px;
    }
   .menuzord-menu ul.dropdown li a:after {
        display: none;
    }
    .menuzord-responsive .menuzord-menu ul.dropdown,
     .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        padding: 0px 30px;
    }
}
@media(min-width: 992px){
	.menuzord-menu >li > a span{
		display: none;
	}
}
@media(max-width: 800px){
    .full-page-search form input,.full-page-search form input:focus{
        font-size: 18px;
    }
}
@media(max-width: 500px){
    .full-page-search form input,.full-page-search form input:focus{
        font-size: 8px;
    }
}
/*---------------------------------------
    SLIDER
-----------------------------------------*/

.rev_slider_wrapper{
    margin-top: 120px;
}

.rev-slider-btn-1,.rev-slider-btn-1:focus,.rev-slider-btn-1:visited,.rev-slider-btn-1:active{
    border: 2px solid #eee;
    border-radius: 0;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    padding: 17px 26px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    background-color: transparent;
    color: #fff;
    -webkit-text-shadow: 0 0 0 rgba(0,0,0,0);
    -moz-text-shadow: 0 0 0 rgba(0,0,0,0);
    -ms-text-shadow: 0 0 0 rgba(0,0,0,0);
    text-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-transition: all 300ms linear 0ms!important;
    -moz-transition: all 300ms linear 0ms!important;
    -ms-transition: all 300ms linear 0ms!important;
    transition: all 300ms linear 0ms!important;
    box-shadow: none;
    outline: 0;
}
.rev-slider-btn-1:hover{
    color: #fff;
    border-color: #d5aa6d;
    background-color: #d5aa6d;
}
.rev-slider-btn-2,.rev-slider-btn-2:focus,
.rev-slider-btn-2:visited{
    background-color: #d5aa6d;
    border-color: #d5aa6d;
    color: #fff;
}
.rev-slider-btn-2:active{
    background-color: #d5aa6d!important;
    border-color: #d5aa6d!important;
    color: #fff!important;
}
.rev-slider-btn-2:hover{
    background-color: #fff;
    color: #333;
    border-color: #fff;
}
.tp-bullet{
    height: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.tp-bullet.selected{
    background-color: #d5aa6d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.tp-bullet:hover{
    background-color: #d5aa6d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.tparrows.tp-leftarrow:before{
    transform: rotate(180deg);
    position: absolute;
    left: -25px;
    bottom: -20px;
    color: #999;
}
.tp-leftarrow, .tp-leftarrow:hover {
    height: 72px;
    width: 36px;
    background-color: transparent;
    border-style: solid;
    border-width: 36px;
    border-color: transparent transparent transparent #fff;
}
.tparrows.tp-rightarrow:before{
    transform: rotate(180deg);
    position: absolute;
    right: -25px;
    bottom: -20px;
    color: #999;
}
.tp-rightarrow, .tp-rightarrow:hover {
    right: 0;
    height: 72px;
    width: 36px;
    background-color: transparent;
    border-style: solid;
    border-width: 36px;
    border-color: transparent #fff transparent transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.tparrows:hover:before{
    color: #d5aa6d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.tp-dottedoverlay.twoxtwo{
    background: rgba(27,26,26,0.25)!important
}
/*ONEPAGE*/
.onepage{
    padding: 0px;
}
.onepage .rev_slider_wrapper{
    margin: 0px;
}
.onepage nav{
    padding: 25px 0px 10px 0px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: #fff;
}
@media(max-width: 992px){

    .rev_slider_wrapper{
        margin-top: 80px;
    }
}
/*---------------------------------------
    COUNTDOWN
-----------------------------------------*/
.countdown-inner{
	border: 1px solid #ebebeb;
	background: #fafafa;
}
.countdown-content{
	padding: 30px 30px 22px 30px;
	position: relative;
	border-right: 1px solid #ebebeb;
}
.countdown-inner .col-md-3:last-child .countdown-content{
	border-right: 0px solid #ebebeb;
}
.countdown-content:before{
	position: absolute;
	content: "";
	width: 19px;
	height: 3px;
	background: #474747;
	top: 30px;
	left: 30px;
}
.countdown-content h2{
	font-size: 40px;
    color: #333333;
    font-family: 'Lora', serif;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 13px;
}
.countdown-content p{
	font-size: 15px;
	color: #474747;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	margin-bottom: 0;
}
.countdown-icon{
	position: absolute;
	right: 30px;
	top: 46px;
}
.countdown-icon i{
	font-size: 64px;
	color: #eaeaea;
}
.count-down-bottom-margin{
    margin-bottom: 80px;
}
@media(min-width: 768px){
    .countdown-inner {
        border: 1px solid #ebebeb;
        background: #fafafa;
        z-index: 2;
        position: relative;
    }
}
@media screen and (max-width: 1199px) and (min-width: 993px){
	.countdown-content{
		padding: 30px 30px 120px 30px;
		position: relative;
		border-right: 1px solid #ebebeb;
	}
	.countdown-icon{
		position: absolute;
		right: 111px;
		top: 146px;
	}
}


/*---------------------------------------
    WELCOME AREA
-----------------------------------------*/
.welcome-area{}
.Title-area{
	padding: 65px 0px 45px 100px;
    position: relative;
}
.Title-area:before{
    position: absolute;
    content: "";
    top: 113px;
    left: 0;
    background: #d5aa6d;
    height: 2px;
    width: 70px;
}
.Title-area h3{
	font-size: 15px;
    line-height: normal;
    color: #474747;
    font-family: 'Lora', serif;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
}
.Title-area h2{
	font-size: 26px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 22px;
    margin-top: 0;
    font-weight: bold;

}
.Title-area p{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #9b9b9b;
}

/*wellcome asset*/
.wellcome-asset{
	padding-bottom: 90px;
}
.asset-content{
	padding-right: 10px;
}
.asset-content h2{
	font-size: 20px;
    color: #282828;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin-top: 0;
    line-height: 30px;
}
.asset-content h2 span{
	float: right;
    font-size: 60px;
    color: #d7d7d7;
    font-family: 'Lora', serif;
    font-weight: bold;
    position: relative;
    top: -16px;

}
.asset-content p{
	margin-bottom: 15px;
}
.asset-content a {
	font-size: 13px;
	color: #d5aa6d;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 50px;
}
.asset-content a span{}
.asset-content a span i{
	color: #d5aa6d;
	font-size: 11px;
	padding-left: 4px;
}
.asset-button{
}
.asset-button button{
	font-size: 13px;
	color: #333333!important;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	padding: 17px 26px;
	border: 2px solid #eee!important;
	background: #fff!important;
	line-height: 1;
	border-radius: 0;
	outline: 0;
    box-shadow: none;
	-webkit-transition:all 300ms linear 0ms;
	-o-transition:all 300ms linear 0ms;
	-mz-transition:all 300ms linear 0ms;
	transition:all 300ms linear 0ms;
}

.asset-button button:hover,.asset-button button:active,.asset-button button:focus ,.asset-button button:visited{
    outline: none;
    text-decoration: none;
    color: #fff!important;
    background-color: #d5aa6d!important;
    border-color: #d5aa6d!important;
    -webkit-transition:all 300ms linear 0ms;
	-o-transition:all 300ms linear 0ms;
	-mz-transition:all 300ms linear 0ms;
	transition:all 300ms linear 0ms;
    box-shadow: none;
}

/*help area*/
.help-area{
	/*background: url(../images/help-area-bg.png);
	background-size: cover;
	background-repeat: no-repeat;*/
	background-color: #f9f9f9;
	padding: 50px 0px;
	position: relative;

}
.left-half{
	position: absolute;
	left: 0;
	top: 0;
	width: 46%;
	height: 100%;
	background: url(../images/help-area-bg.png) no-repeat;
    background-size: cover;
}
.help-img{
    position: absolute;
    top: 40px;
    left: 8%;
    border: 2px solid #f9f9f9;
    padding: 137px 130px;
}
.help-img img{}
.help-custom-padding{
    padding-bottom: 25px;
}
.help-text-heading{}
.help-text-heading h2{
	font-size: 35px;
    line-height: 44px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    margin-top: 30px;

}
.help-text-heading p{
	font-size: 15px;
    line-height: 24px;
    font-family: 'Lora', serif;
    font-weight: bold;
}
.help-content{
	padding-left: 74px;
	position: relative;

}
.help-content i{
	position: absolute;
    top: 9px;
    left: 0px;
    font-size: 35px;
    color: #282828;
}
.help-content h2{
	font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    padding-bottom: 2px;
    font-family: 'Raleway', sans-serif;
    color: #282828;
}

@media(max-width: 992px){
    .left-half{
       display: none;
    }
    .help-img{
       display: none;
    }
}
@media(max-width: 500px){
	.Title-area{
		padding: 65px 0px 45px 80px;
	}
	.Title-area h2 {
      font-size: 23px;
    }
}
@media(min-width: 992px){
    .help-custom-padding{
        padding-left: 30px;
    }
}
/*---------------------------------------
    PRACTICE AREA
-----------------------------------------*/
.practice-area{
	padding-bottom: 90px;
}
.practice-content{
	padding-left: 15px;
	padding-right: 15px;
}
.p-c-details{
    overflow: hidden;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -mz-transition: all .5s;
    transition: all .5s;
    border: 1px solid #ebebeb;
    margin-bottom: -1px;
    margin-right: -1px;
}
.p-c-default{
	padding: 77px 30px;
}

.p-c-default i{
	font-size: 56px;
	color: #d5aa6d;
}
.p-c-default h2{
	position: relative;
	font-size: 24px;
	color: #282828;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	margin-top: 35px;
}
.p-c-default h2 a{
	font-size: 24px;
	color: #282828;
	text-decoration: none;
}
.p-c-default h2 a:hover{
	color: #d5aa6d;
	text-decoration: none;
}
.p-c-default h2:before{
	position: absolute;
    content: "";
    top: -17px;
    left: 39%;
    width: 50px;
    height: 3px;
    background: #e5e4e4;
}
.p-c-hover{
	background-color: #f9f9f9;
    bottom: 0;
    padding: 33px 30px;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -mz-transition: all .5s;
    transition: all .5s;
}
.p-c-hover i{
	font-size: 56px;
	color: #d5aa6d;
}
.p-c-hover h2{
	position: relative;
	position: relative;
	font-size: 24px;
	color: #282828;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}
.p-c-hover h2 a{
	font-size: 24px;
	color: #282828;
	text-decoration: none;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-mz-transition: all .5s;
	transition: all .5s;
}
.p-c-hover h2 a:hover{
	color: #d5aa6d;
	text-decoration: none;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-mz-transition: all .5s;
	transition: all .5s;
}
.p-c-hover h2:after{
	position: absolute;
    content: "";
    bottom: -18px;
    left: 39%;
    width: 50px;
    height: 3px;
    background: #e5e4e4;
}
.p-c-hover p{
	margin-top: 30px;
}
.p-c-details:hover .p-c-hover{
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
    filter: alpha(opacity=1);
}

@media(max-width: 767px){
	.top-margin{
		margin-top: 25px;
		margin-bottom: 40px;
	}
   .btn-text-left{
	   	text-align: left!important;
	}
}

/*---------------------------------------
    	TESTIMONIAL AREA
-----------------------------------------*/

.testimonial-area{}
.testimonial-content-area{}
/*for owl-carousel 1*/

.owl-testimonial-content {
	padding: 0px 30px 34px;
    background-color: #fff;
    border-width: 0 1px 1px 1px;
    border-color: #f1f1f1;
    border-style: solid;
    -webkit-box-shadow: 0 2.3px 4px 0.1px #e8e8e8;
    -moz-box-shadow: 0 2.3px 4px 0.1px #e8e8e8;
    -ms-box-shadow: 0 2.3px 4px 0.1px #e8e8e8;
    box-shadow: 0 2.3px 4px 0.1px #e8e8e8;
    position: relative;
}
.owl-testimonial-content:after {
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: 0;
    bottom: -19px;
    border-color: #fff transparent transparent #fff;
    border-width: 14px;
    border-style: solid;

}
.owl-testimonial-content i{
	font-size: 17px;
    color: #ffffff;
    background: #d5aa6d;
    display: inline-block;
    padding: 7px 25px 3px;
}
.owl-testimonial-content h2{
	font-size: 24px;
	color: #282828;
	font-weight: bold;
	font-family: 'Lora', serif;
	line-height: 36px;
    margin-top: 13px;
}
.owl-testimonial-content h2 span{
	float: left;
	padding-right: 30px;
	margin-top: 3px;
}
.owl-testimonial-content h2 span img{}
.owl-testimonial-content p{
	font-size: 17px;
    color: #9b9b9b;
    font-family: 'Raleway', sans-serif;
    line-height: 30px;
    margin-top: 25px;
}
.testimonial-quote{
    width: 200px;
    display: inline-block;
    padding-top: 30px;
}
.testimonial-quote span{
	display: block;
	font-size: 16px;
	color: #282828;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}
.testimonial-quote span:last-child{
	font-size: 13px;
    color: #b8b8b8;
    font-family: 'Lora', serif;
}
#testimonial-demo .owl-controls {
    display: none!important;
}
.testimonial-customNavigation{
	text-align: right;
    position: relative;
    top: -68px;
}
.testimonial-customNavigation a{
	padding: 0;
}
.testimonial-customNavigation a i{
	height: 51px;
    width: 51px;
    border: 2px solid #eee;
    line-height: 51px;
    text-align: center;
    -webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    background-color: #fff;
    color: #333333;
    font-size: 21px;
}
.testimonial-customNavigation a:hover i{
    color: #d5aa6d;
}

/*testimonial blog post content*/
.t-b-content-area{}
.t-b-details{}
.t-b-details > h2{
	font-size: 17px;
	color: #282828;
	font-family: 'Lora', serif;
	font-weight: bold;
	position: relative;
	line-height: 25px;
}
.t-b-details > h2 a{
	color: #282828;
	text-decoration: none;
	-webkit-transition: all.5s ;
	-o-transition: all.5s ;
	transition: all.5s ;
}
.t-b-details > h2 a:hover{
	color: #d5aa6d;
	-webkit-transition: all.5s ;
	-o-transition: all.5s ;
	transition: all.5s ;
}
.t-b-details > h2:before{
	width: 30px;
    background-color: #474747;
    height: 3px;
    position: absolute;
    left: 0;
    top: -18px;
    content: "";
}
.t-b-img{
	position: relative;
}
.t-b-img img{
	width: 100%;
}
.t-b-img div{
	position: absolute;
	background: #d5aa6d;
	text-align: center;
	left: 20px;
	top: 20px;
	display: inline-block;
	text-decoration: none;
	padding: 7px 10px;
}
.t-b-img span:first-child{
	font-size: 12px;
	color: #fdfdfd;
	font-family: 'Lora', serif;
	display: block;
}
.t-b-img span:last-child{
	font-size: 26px;
	color: #fdfdfd;
	font-family: 'Lora', serif;
	font-weight: bold;
	margin-top: 0;
	display: block;
	position: relative;
}
.t-b-img span:last-child:after{
	position: absolute;
	content: "";
	border-color: #d5aa6d transparent transparent #d5aa6d;
    border-style: solid;
    border-width: 5px;
    bottom: -16px;
    height: 0;
    left: -10px;
    width: 0;
}
.t-b-comment{
	margin-top: 12px;
	min-height: 30px;
}
.t-b-comment p:first-child{
	float: left;
	font-size: 12px;
	color: #474747;
	font-family: 'Open Sans', sans-serif;
}
.t-b-comment p:first-child span{
	color: #b8b8b8;
}
.t-b-comment p:last-child {
	float: right;
	font-size: 12px;
	color: #474747;
	font-family: 'Open Sans', sans-serif;
	margin-right: 0;
}
.t-b-comment p:last-child span{
	margin-left: 10px;
}
.t-b-comment p:last-child span a{
	display: inline-block;
	margin-right: 7px;
}
.t-b-comment p:last-child span a i{
	font-size: 15px;
	color: #b8b8b8;
}

@media(max-width: 767px){
	.no-padding-left{
		padding-left: 15px;
	}
	.no-padding-right{
		padding-right: 15px;
	}
}

/*---------------------------------------
    	OUR TEAM AREA
-----------------------------------------*/
.team-member-area{
	margin-bottom: 50px;
}
.team-describe{
	margin-bottom: 30px;
}
.team-content{
	position: relative;
	overflow: hidden;
}
.team-img{}
.team-img img{
	width: 100%;
}
.about-team-member{
	position: absolute;
	top: 0;
	left: -400px;
	height: 100%;
	width:100%;
	-webkit-transition: all .7s ;
	-o-transition: all .7s ;
	transition: all .7s ;
	background: #282828;
	padding: 55px 27px;
	z-index: -1;
}
.team-describe:hover .about-team-member{
	left: 0px;
	z-index: 2;
}
.team-describe-content{}
.team-describe-content p{
    text-align: center;
    color: #fff;
}
.social-content-box a{
	text-decoration: none;
}
.social-content-box a i{
	font-size: 14px;
    color: #fff;
    margin: 0 10px;
}
.social-content-box a:hover i{
	font-size: 14px;
    color: #d5aa6d;
    margin: 0 10px;
}
.member-name{
	margin-top: 25px;
}
.member-name h2{
	font-size: 16px;
    line-height: 26px;
    margin: 0 0 2px;
    color: #282828;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;

}
.member-name h2 a{
	color: #282828;
	text-decoration: none;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
.member-name h2 a:hover{
	color: #d5aa6d;
}
.member-name p{
	 color: #b8b8b8;
    font-family: 'Lora', serif;
    font-size: 13px;
}
.member-name span{
	display: block;
	height: 2px;
	background: #e5e4e4;
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	margin-top: 28px;
}
.team-describe:hover .member-name span{
	background: #282828;
}


/*---------------------------------------
    	CONTACT AREA
-----------------------------------------*/
.contact-us{
	background: url(/../images/contact-us-bg.png);
	background-size: cover;
	position: relative;
	padding-bottom: 90px;
}
.contact-us:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: rgba(27,26,26,0.86);

}
.contact-bg{
	background: #fff;
	position: relative;
}
.contact-title p{
    color: #fff;
}
.contact-title h3{
	color: #e5e4e4;
}
.contact-title h2{
	color: #fff;
}
.contact-form{}
.contact-form form{
	padding: 25px 30px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
.contact-form .form-control::-webkit-input-placeholder {
    color:#b8b8b8;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}
.contact-form .form-control::-moz-placeholder {
    color:#b8b8b8;
    font-family:'Open Sans', sans-serif;
    font-size: 13px;
} /* firefox 19+ */
.contact-form .form-control:-ms-input-placeholder {
    color:#b8b8b8;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
} /* ie */
.contact-form .form-control :-moz-placeholder {
    color:#b8b8b8; font-family: 'Open Sans', sans-serif;
    font-size: 13px;
 }
 .contact-form .form-control{
    font-size: 13px;
 }
.contact-form form input, .contact-form form input:focus{
	background: transparent!important;
	border-radius: 0px!important;
	outline: none;
	border-color: #282828;
    border-width: 0 0 2px 0;
    border-style: solid;
    padding-left: 0px;
    height: 52px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    outline: none;
    font-family: 'Open Sans', sans-serif;

}
.contact-form form select{
	background: transparent!important;
	border-radius: 0px!important;
	outline: none;
	border-color: #282828;
    border-width: 0 0 2px 0;
    border-style: solid;
    padding: 16px 0px 12px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    margin-bottom: 15px;
    color: #b8b8b8;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
}
.contact-form form select option{
	background: transparent!important;
    padding: 17px 0px;
    font-size: 14px!important;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
.contact-form form textarea,.contact-form form textarea:focus{
	background: transparent!important;
	border-radius: 0px!important;
	outline: none;
	border-color: #282828;
    border-width: 0 0 2px 0;
    border-style: solid;
    padding: 25px 0px;
    resize:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    outline: none;
    font-family: 'Open Sans', sans-serif;
}
/*select box*/
.styled-select {
	border-radius: 0px;
	overflow: hidden;
	position: relative;
}
.styled-select, .styled-select select {
	width: 100%;
}
select:focus {
    outline: none;
}
.styled-select select {
    -webkit-appearance: none;
    appearance: none;
}
.styled-select span {
    position: absolute;
    top: 15px;
    right: 4px;
}
.styled-select span i{
    font-size: 15px
}
select::-ms-expand {
	display: none;
} /* hide default down arrow in IE10*/
.c-c-padding{
    padding-right: 30px;
}
.contact-form form button,.contact-form form button:hover,
 .contact-form form button:focus{
	font-size: 13px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    padding: 17px 26px;
    background-color: #d5aa6d;
    border-color: #d5aa6d;
    line-height: 1;
    border-radius: 0;
    outline: none;
    -webkit-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    -mz-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    margin-top: 30px;
    position: relative;
    border-right: 1px solid #e5e4e4;
    width: 100%;
}
.contact-form form button:hover{
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.contact-form form button:after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
}
.form-right-text{
	margin-top: 27px;
	position: relative;
    padding-left: 30px;
}
.form-right-text:before{
	position: absolute;
    content: "";
    height: 51px;
    width: 1px;
    left: -7.5px;
    top: 3px;
    background: #e5e4e4;
}

/*---------------------------------------
    	CLIENT AREA
-----------------------------------------*/

.our-client-area{
	padding-bottom: 120px;
}
.client-slider{}
.client-content{}
#client-demo .owl-controls {
    display: none!important;
}
#home-7-practice-demo .owl-controls {
    display: none!important;
}
#client-demo .owl-wrapper-outer{
    position: relative;
}
#client-demo .owl-wrapper-outer:after{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background-color: #fff;
}

.client-item{
	position: relative;
}
.client-item:after{
	background: #e5e4e4;
    bottom: 0;
    content: "";
    height: 70px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.client-item a{
	display: block;
}
.client-item a img{
	margin-left: auto;
	margin-right: auto;
	display: block;

}
.client-customNavigation{
	text-align: center;
    position: relative;
    top: 35px;
}

/*---------------------------------------
    	FOOTER AREA
-----------------------------------------*/
.footer-area{
	background: #222222;
}
.footer-head{
	padding-top: 90px;
}
.f-h-content{
	border-left: 2px solid #474747;
    padding-left: 27px;
    margin-bottom: 80px;

}
.f-h-content h3{
	font-size: 15px;
	color: #838383;
	font-family: 'Lora', serif;
	font-style: italic;
	margin: 0;
}
.f-h-content h2{
	font-size: 20px;
	font-family: 'Lora', serif;
	font-weight: bold;
	color: #fff;
	margin: 11px 0px;
}
.f-h-content p{
	color: #d5aa6d;
}
.f-h-content p a{
	color: #d5aa6d;
	text-decoration: none;
}
.footer-content{}
.f-first-content{
	position: relative;
	padding-left: 100px;
}
.footer-content p{
	color: #bfbfbf;
	line-height: 20px;
}
.footer-content p:last-child a{
	color: #d5aa6d;
	text-decoration: none;
	font-weight: bold;
}
.footer-content p:last-child a i{
	padding-left: 10px;
	position: relative;
	top: 2px;
}
.f-content-img{
	position: absolute;
	top: 0;
	left: 0;
}

.f-second-content{
	margin-bottom: 25px;
}
.f-all-h2 h2{
	font-size: 17px;
	color: #ffffff;
	font-family: 'Raleway', sans-serif;
	position: relative;
	padding-left: 40px;
	margin-top: 0;

}
.f-all-h2 h2:before{
	background-color: #474747;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -khtml-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    width: 20px;
}
.f-second-content ul{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 15px;
}
.f-second-content ul:last-child{
	margin-top: 20px;
}
.f-second-content ul li{
}
.f-second-content ul li a{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #bfbfbf;
	text-decoration: none;
	padding: 2px 0px;
	display: block;
	padding-left: 30px;
}
.f-second-content ul li:first-child a{
	color: #5d5d5d;
	padding-left: 5px;
}
.f-third-content{}
.f-third-content ul{
	margin-top: 15px;
	padding: 0;
	list-style: none;
}
.f-third-content ul li{}
.f-third-content ul li a{
	color: #d5aa6d;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	display: block;
	padding: 5px 0px;
	text-decoration: none;
}
.f-third-content ul li a i{
	padding-right: 8px;https://www.youtube.com/watch?v=ky9G_5mPnwQ
}
.f-fourth-content{}
.f-fourth-content p{
	color: #bfbfbf;
	margin-top: 15px;
}
.footer-subscribe{
	position: relative;
	margin-top: 20px;
}
.f-fourth-content input,.f-fourth-content input:focus{
	background: #1c1c1c;
	border-radius: 0px;
	border: 0px solid;
	height: 40px;
    outline: none;
    box-shadow: none;
}
.f-fourth-content button, .f-fourth-content button:hover,.f-fourth-content button:focus{
	position: absolute;
	right: 0;
	top: 0;
	background: #d5aa6d;
	width: 60px;
	height:100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	border: 0px solid;
	border-radius: 0px;
    outline: none;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 8px rgba(102,175,233,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0),0 0 8px rgba(102,175,233,0);
}

.f-fourth-content input::-webkit-input-placeholder { color:#5d5d5d; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 13px; }
.f-fourth-content input::-moz-placeholder { color:#5d5d5d; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 13px; } /* firefox 19+ */
.f-fourth-content input:-ms-input-placeholder { color:#5d5d5d; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 13px; } /* ie */
.f-fourth-content input:-moz-placeholder { color:#5d5d5d; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 13px; }
.footer-bottom{
	border-top: 1px solid #353535;
    padding: 30px 0px;
    margin-top: 60px;
}
.f-bottom-left-text{}
.f-bottom-left-text p{
	margin: 0;
}
.f-bottom-left-text p span a{
	color: #d5aa6d;
	text-decoration: none;
	display: inline-block;
}
.f-bottom-right-text{
}
.f-bottom-right-text ul{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.f-bottom-right-text ul li{
	display: inline-block;
}
.f-bottom-right-text ul li a{
	color: #bfbfbf;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	display: inline-block;
	padding-left: 25px;
	text-decoration: none;
}
@media(max-width: 767px){
		.f-bottom-right-text ul{
		text-align: left;
	}
		.f-bottom-right-text{
			padding-top: 30px;
	}

	.f-all-h2{
		margin-bottom: 50px;
	}
    .c-c-padding{
        padding-right: 15px;
    }
}

/*****************************************
    	FOOTER 2
******************************************/
.footer-type-2-area{}
.footer-type-2{}
.footer-type-2 img{
	width: 34px;
	height: 51px;
	cursor: pointer;
}
.footer-type-2 h2{
	font-size: 40px;
	color: #fff;
	font-family: 'Lora', serif;
}
.footer-type-2 p{
	color: #bfbfbf;
	padding: 0px 300px;
}
@media(max-width: 991px){
    .footer-type-2 p{
	   padding: 0px 10px;
   }
}
/*****************************************
    	HOME PAGE 2
******************************************/
#history-demo .owl-controls {
    display: none!important;
}

/*---------------------------------------
    	HOME 2 PRACTICE AREA
-----------------------------------------*/
.home-2-practice-area{
	padding-bottom: 50px;
}
.h-2-practice-content{}
.h-2-p-c-details{
}
.h-2-p-c-default{
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    -mz-transition: all .5s;
    transition: all .5s;
        margin-bottom: 40px;
}
.h-2-p-c-default>i{
	font-size: 35px;
	color: #ffffff;
	background: #282828;
	height: 60px;
	width: 60px;
	text-align: center;
	padding: 15px;
	margin-bottom: 20px;
	-webkit-transition: all .5s;
    -o-transition: all .5s;
    -mz-transition: all .5s;
    transition: all .5s;
}
.h-2-p-c-default h2{
	position: relative;
    font-size: 24px;
    color: #282828;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    padding-top: 10px;
}
.h-2-p-c-default h2:before{
	position: absolute;
    content: "";
    top: -18px;
    left: 0;
    width: 20px;
    height: 2px;
    background: #282828;
}
.h-2-p-c-default h2 a{
    color: #282828;
    text-decoration: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -mz-transition: all .5s;
    transition: all .5s;
}
.h-2-p-c-default p{
	line-height: 21px;
}
.h-2-p-c-default >a{
	color: #282828;
    font-size: 13px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    margin: 12px 0px;
    display: inline-block;
}
.h-2-p-c-default > a i{

    padding-left: 6px;
    position: relative;
    top: 2px;
}

.h-2-p-c-default:hover *:not(p){

    color: #d5aa6d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -mz-transition: all .5s;
    transition: all .5s;
}
.h-2-p-c-default:hover i{
	background: #d5aa6d;
	color: #fff;
}
.h-2-p-c-default:hover a i{
	background: transparent;
	color: #d5aa6d;
}

/*---------------------------------------
    	OUR HISTORY AREA
-----------------------------------------*/

.our-history-area{
	padding-bottom: 90px;
}

/*our histoory accordion*/
.history-accordion{
	padding: 15px 30px 15px 30px;
	border: 1px solid #ebebeb;
	background: #fff;
	margin-bottom: 35px;
}
.panel-group{
	margin-bottom: 0px;
}
.history-accordion-default{
	border: none;
	border-bottom:2px solid #ebebeb;
	margin-top: 0px!important;
    box-shadow: none;
}
.history-accordion-default:last-child{
	border-bottom:0px solid;
}
.panel-heading {
    padding: 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.history-panel-heading{
	background: #fff!important;
	border-color: transparent!important;
}
.history-panel-title{}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent!important;
}

.panel-group .panel-heading a.collapsed:after {
    content: '+';
    right: 2px;
    position: absolute;
    color: #d5aa6d;
    font-size: 20px;
    top: 12px;
    font-weight: normal;

}
.panel-group .panel-heading a:after {
    content: '-';
    right: 5px;
    position: absolute;
    color: #d5aa6d;
    font-size: 20px;
    top: 10px;
    font-weight: normal;
}
.history-panel-title a{
	font-size: 14px;
	color: #282828;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	padding: 15px 0px;
	display: block;
	position: relative;
}
.history-panel-title  a:hover,.history-panel-title  a:focus{
	text-decoration: none;
}
.history-panel-title a > i{
	margin-right: 13px;
}

.history-panel-title  a span{
	right: 8px;
    height: 10px;
    width: 10px;
    position: absolute;
}
.history-panel-title  a span i{
	color: #d5aa6d;
}
.history-panel-title  a span i.fa-minus{
    color: #d5aa6d;
    position: absolute;
    top: 0;
    background: #fff;
}
.arrow-minus{
    opacity: 1;
}
.history-panel-body{
	position: relative;
}
.history-panel-body img{
	position: absolute;
	left: 0;
	top: 20px;
}
.accordion-body-text{
	padding-left: 130px;
}
.accordion-body-text p{
	line-height: 22px;
}
.accordion-body-text a{
    color: #d5aa6d;
    font-size: 13px;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 15px;
}
.accordion-body-text a i{
	color: #d5aa6d;
	padding-left: 8px;
	position: relative;
	top: 2px;
}

.history-right-content{
    font-family: 'Raleway', sans-serif;
    margin-bottom: 35px;
}
.h-right-img{
	position: relative;
	margin-bottom: 30px;
}
.h-right-img img{
	width: 100%;
	min-height: 445px;
}
.h-right-img span{
	position: absolute;
	top: 0;
	right: 20px;
	display: inline-block;
	cursor: pointer;
}
.h-right-img span i{
	width: 65px;
	height: 65px;
	background: #d5aa6d;
	color: #fff;
	font-size: 28px;
	padding: 22px;
}
.history-right-content-text{
}
.history-right-content-text h2{
	font-size: 23px;
	color: #222222;
	font-weight: bold;
	margin-top: 0;
    line-height: 32px;
    position: relative;
    top: -7px;
}
.history-right-content-text p{
	font-size: 17px;
	color: #9b9b9b;
	line-height: 26.5px;
    font-family: 'Raleway', sans-serif;
    font-style: italic;
    position: relative;
    top: -6px;

}
.history-right-content-text img{
	margin-top: 2px;
}

/*history slider*/
.histor