/**!
* Corporate Html Template 2017
* Description: Corporate Template
**/
/***********************
Table of Content
A. Reset Code
B. Home One
1. Header Top Start
2. header-Menu Start
3. about Start
4. accident Start
5. client-say Start
6. attorneys Start
7. latest-news Start
8. consultation Start
9. footer-widget Start
10. footer-bottom End
C. Home Two
1. header-top1 Start
2. main-menu Start
3. justice Start
4. know-expert Start
5. Schedule Start
6. videoContainer Start
7. c-lawyer Start
8. customer-say Start
9. lnews-img Start
10. h2-contact Start
11. footer1 Start
12. f1-bottom Start
D. Home Three
1. header-top3 Start
2. about3 Start
E. Home Four
1. home4 menu Start
2. about-four Start
3. legal-practice Start
F. Attorney2 Page
G. Attorney Page
1. bg-top Start
2. profile Start
3. circle Start
4. hre Start
5. brand Start
H. practice Area
1. p-head Start
2. our-cases Start
3. referal Start
4. m-law Start
I. practice2 Page
J. Practice Single Page
K. About Page
L. Contact2 Page
M. Contact Page
1. contact-p Start
N. Blog Page Two
O. Blog single Page
p. Blog Page
1. blog-page Start
Q. Shop Page
R. One Page
1.op-headtop Start
2.main-menu1 Start
3.about-op Start
4.staff Start
5.practice Start
6.con-team Start
7.service-op Start
8.latest-n-op Start
9.op-testimonial Start
10.op-contact Start
************************/
/**************************************************
A. Reset Code
/**************************************************/
*{
margin:0;
padding:0;
}
body{
font-family: 'Source Sans Pro', sans-serif;
max-width:1920px;
margin:0 auto;
color:#696969;
line-height:24px;
}
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
a,a:hover,a:active{text-decoration:none;}
select,
input{outline:0;}
.form-control:focus{box-shadow:none;border-color:transparent;}
ul,ol{padding: 0;margin: 0;list-style: none;}
a,a:hover,a:active,a:focus{text-decoration:none;}
h1,h2,h3,h4,h5,h6{line-height:24px;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}
/**************************************************
B. Home One
/**************************************************/
/*********************** 1. Header Top Start ***************************/
#header-top nav.navbar.bootsnav {
background-color: transparent;
margin: 15px 0 0;
border:0;
}
#header-top .h-right li a {color:#535353;}
#header-top .h-right li {
float: left;
padding: 5px 15px;
color:#535353;
}
#header-top li.search a i{
width: 45px;
height: 45px;
line-height: 45px;}
#header-top li.search a{color: #fff;}
#header-top li.search {
background: #cd363f;
position: relative;
top: -15px;
text-align: center;
padding:0;
}
#header-top select{border:0;}
#header-top .top-search {
position: relative;
top: -15px;
}
#header-top .navbar-header {
float: left;
margin-top: -10px;
}
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
font-family: 'FontAwesome';
content: "\f107";
margin-left: 5px;
margin-top: 2px;
}
/*********************** 1. Header Top End ***************************/
/*********************** 2. header-Menu Start ***************************/
#header-menu{
position:relative;
background:#383838;
}
#header-menu nav.navbar.bootsnav ul.nav > li > a {
color: #fff;
background-color: transparent;
outline: none;
margin-bottom: 0;
padding:15px 0 15px 0;
font-weight: 500;
}
#header-menu .navbar-right .dropdown-menu {
right: 0;
left: 0;
}
#header-menu .nav>li{margin-left:25px;}
#header-menu nav.navbar.bootsnav {
background-color: transparent;
border: none;
border-bottom: 0;
}
#header-menu .container-fluid,
#header-menu .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
nav.navbar.bootsnav .navbar-toggle {
background-color: transparent;
border: none;
margin-top: 10px;
font-size: 18px;
position: relative;
top: 0;
padding:9px 10px;
}
#rev_slider_28_1_forcefullwidth {
position: relative;
overflow: hidden;
}
nav.navbar.bootsnav .navbar-toggle{
background-color: white;
padding: 6px 15px;}
/*********************** 2. header-Menu End ***************************/
/*********************** 3. about Start ***************************/
#about .about {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
background:#fdf9f6;
}
h1.title-top {
color: #2f2f2f;
font-weight: 800;
margin-bottom: 20px;
}
.title-txt h4 {
max-width: 745px;
margin: 0 auto;
font-style: italic;
color: #363636;
line-height: 24px;
}
.title-txt hr {
max-width: 80px;
margin: 0 auto;
margin-top: 15px;
border: 1px solid #cd363f;
}
.cc,
#about .ab-box{margin-top:70px;}
#about .ab-box2 img{width:100%;}
#about .ab-box2{margin-top:25px;}
#about .ab-top h3 {
color: #373737;
font-weight: 800;
margin-bottom: 15px;
}
#about .ab-txt p ,
#about .ab-top p {font-size: 15px;}
#about .ab-right h4{line-height: 24px;}
#about .ab-right {
background: #2d2825;
color: #fff;
padding: 15px;
border-radius: 5px;
}
#about .ab-right i {
float: right;
font-size: 20px;
margin-top: 2px;
}
#about .text-right i{
background:#fff;
border-radius:50%;
line-height:13px;
color:#ef0a18;
}
#about .ab-right select{
color: #333;
width: 100%;
padding: 7px 5px;
outline: 0;
margin-top: 25px;
background: #f3f3f3;
font-weight: 800;
font-size: 13px;
}
#about .owl-carousel{margin-top:40px;}
#about .owl-carousel .owl-item img {
border: 2px solid #fff;
border-radius: 50%;
}
#about .item-left {
float: left;
border: 5px solid #ebebeb;
width: 130px;
height: 130px;
border-radius: 50%;
margin-right: 15px;
}
#about .item-txt p {font-size: 13px;color: #656565;}
#about .item-txt h6 {
font-size: 13px;
font-weight: 800;
color: #494949;
}
#about .item-txt h4 {
font-size: 16px;
font-weight: 600;
line-height: 23px;
font-style: italic;
margin-bottom: 15px;
color: #494949;
}
#about .owl-nav { display: none !important;}
/*********************** 3. about End ***************************/
/*********************** 4. accident Start ***************************/
#accident .accident{
background:url(../../images/bg1.jpg)no-repeat center/cover;
padding: 80px 0;
color: rgba(255, 255, 255, 0.95);
position: relative;
overflow: hidden;
}
#accident .title-txt h2 i{color:#ef0a18;}
#accident .title-txt h2 {
font-weight: 700;
margin-bottom: 50px;
}
.acc-bottom {
margin-top: 50px;
border-top: 1px dotted #fff;
padding-top: 20px;
}
.acc-bottom h4{
font-weight: 700;
margin-bottom:30px;
}
.acc-list h5:hover{
color: #fff;
background: #ad926d;
}
.acc-list h5 {
color: #4c4c4c;
background: #fff;
padding: 8px 10px;
font-weight: 800;
border-radius: 5px;
transition:.7s;
}
.acc-list {margin-bottom: 10px;}
/*********************** 4. accident End ***************************/
/*********************** 5. client-say Start ***************************/
#client-say .client{
position:relative;
overflow:hidden;
padding:95px 0 75px ;
}
h1.title-top {margin-bottom:15px;}
h1.title-top span{color:#ad926d;}
.title-txt h5 {
font-size: 16px;
color: #363636;
max-width: 860px;
margin: 0 auto;
}
.c-img {position: relative;margin-bottom:25px;}
#client-say iframe {
width: 100%;
height: 360px;
border: 0;
}
.client-txt .c-right {
display:inline-block;
padding-left: 5px;
}
.client-txt h6 {
font-size: 13px;
color: #838282;
max-width: 380px;
letter-spacing: .3px;
line-height: 18px;
font-weight: 300;
}
.client-txt p{float:left;}
.client-txt:before{
content:'\f0d9';
font: normal normal normal 35px/1 FontAwesome;
position:absolute;
color:#f7f2f2;
top:32%;
left:-10px;
bottom:0;
}
.client-txt {
background: #f7f2f2;
padding: 19px 10px;
margin-bottom:15px;
position:relative;
}
.c-right p{
font-size: 13px;
font-weight: 700;
color:#ad926d;
margin-top: 5px;
letter-spacing: .5px;
}
.c-right p span{color:#838282;margin-left:8px;}
.carousel-inner.vertical {height: 100%;} /*Note: set specific height here if not, there will be some issues with IE browser*/
.carousel-inner.vertical > .item {
-webkit-transition: .6s ease-in-out top;
-o-transition: .6s ease-in-out top;
transition: .6s ease-in-out top;
}
.carousel-inner.vertical > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
}
.carousel-inner.vertical > .item.next,
.carousel-inner.vertical > .item.active.right {
-webkit-transform: translate3d(0, 33.33%, 0);
transform: translate3d(0, 33.33%, 0);
top: 0;
}
.carousel-inner.vertical > .item.prev,
.carousel-inner.vertical > .item.active.left {
-webkit-transform: translate3d(0, -33.33%, 0);
transform: translate3d(0, -33.33%, 0);
top: 0;
}
.carousel-inner.vertical > .item.next.left,
.carousel-inner.vertical > .item.prev.right,
.carousel-inner.vertical > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
top: 0;
}
.carousel-inner.vertical > .active {top: 0;}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {
top: 0;
height: 100%;
width: auto;
}
.carousel-inner.vertical > .next {
left: 0;
top: 33.33%;
right:0;
}
.carousel-inner.vertical > .prev {
left: 0;
top: -33.33%;
right:0;
}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {top: 0;}
.carousel-inner.vertical > .active.left {
left: 0;
top: -33.33%;
right:0;
}
.carousel-inner.vertical > .active.right {
left: 0;
top: 33.33%;
right:0;
}
#carousel-pager .carousel-control:focus,
#carousel-pager .carousel-control:hover {
color: #eea949;
outline: 0;
opacity: .9;
}
#carousel-pager .carousel-control{
position: absolute;
top: auto;
bottom: 0;
right: 0;
left: auto;
width: 15%;
font-size: 12px;
color: #000;
text-shadow:none;
text-align: center;
opacity: .5;}
#carousel-pager .carousel-control.left {
bottom: initial;
width: 20px;
margin-right: 15px;
background: none;
line-height: 1px;
}
#carousel-pager .carousel-control.right {
bottom: initial;
width: 20px;
background: none;
line-height: 1px;
}
.client-say{display:inline-block;}
/*********************** 5. client-say End ***************************/
/*********************** 6. attorneys Start ***************************/
#attorneys {position:relative;}
.attorneys{
background:url(../../images/bg2.jpg)center/cover no-repeat;
padding:95px 0 75px ;
color:#fff;
}
.a-img img{width:100%;}
.a-img {
width: 260px;
height: 260px;
border-radius: 100%;
margin: 0 auto;
margin-bottom:25px;
}
.title-txt1 h1{color:#fff;position:relative;}
.title-txt1 h5{
color:#fff;
position:relative;
max-width: 750px;
margin: 0 auto;
}
.overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(28, 23, 18, 0.84);
}
.c-img:before{
content:'';
position:absolute;
width: 100px;
height: 1px;
background: #8a7557;
left: 39%;
bottom: 10px;
}
.c-img:after{
content:'';
position:absolute;
width: 100px;
height: 1px;
background: #8a7557;
right: 39%;
bottom: 10px;
}
.a-button a{
color: #fff;
background: #ad926d;
padding: 15px 30px;
border-radius: 10px;
}
.a-button {text-align: center;
margin: 65px 0 15px;}
/*********************** 6. attorneys End ***************************/
/*********************** 7. latest-news Start ***************************/
.ls-details img {width:100%;}
.latest-news {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.ls-details {margin-top: 70px;}
.ls-img {position: relative;margin-bottom:22px;}
.ls-calender span{background: #bda27e;padding: 7px 10px;}
.ls-calender {
position: absolute;
top: 0;
background: #ad926d;
color:#fff;
padding: 4px 0px 4px 10px;
font-weight:100;
}
.ls-txt h4 {
font-size: 20px;
font-weight: 700;
color: #434343;
margin-bottom: 5px;
}
.ls-txt a{color:#ad926d;letter-spacing:.3px;}
.ls-txt p>a{color:#ad926d;}
.ls-txt p.des {
margin: 20px 0;
font-size: 13px;
max-width: 355px;
font-weight: 400;
}
/*********************** 7. latest-news End ***************************/
/*********************** 8. consultation Start ***************************/
#consultation {background: #000;position: relative;}
.consult{
overflow:hidden;
padding:95px 0 75px ;
opacity:.9;
background:url(../../images/bg3.jpg)no-repeat center/cover;
}
.cons-txt .input-group{display:block;}
.cons-txt textarea.form-control,
.cons-txt input.form-control{
background: -webkit-linear-gradient(#202121,rgba(0, 0, 0, 0.65)60%, rgba(251, 251, 249, 0.12) 100%); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#202121,rgba(0, 0, 0, 0.65)60%, rgba(251, 251, 249, 0.12) 100%); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#202121,rgba(0, 0, 0, 0.65)60%, rgba(251, 251, 249, 0.12) 100%); /* For Firefox 3.6 to 15 */
background: linear-gradient(#202121,rgba(0, 0, 0, 0.65)60%, rgba(251, 251, 249, 0.12) 100%); /* Standard syntax (must be last) */
outline: 0;
border: 0;
margin-bottom: 20px;
height: auto;
padding: 10px;
box-shadow:none;
}
.cons-txt .btn-default.active.focus, .cons-txt .btn-default.active:focus, .cons-txt .btn-default.active:hover,
.cons-txt .btn-default:active.focus, .cons-txt .btn-default:active:focus, .cons-txt .btn-default:active:hover,
.cons-txt .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
padding: 8px 35px;
border-radius: 0;
letter-spacing:.5px;
outline:0;
margin-top: 15px;
}
.cons-txt {margin-top: 70px;}
/*********************** 8. consultation End ***************************/
/*********************** 9. footer-widget Start ***************************/
.f-widget {
background: #2a2a2a;
padding: 95px 0 75px ;
color: #dcdcdc;
}
h4.f-txt {
font-size: 20px;
font-weight: 700;
letter-spacing: .3px;
margin-bottom: 20px;
color:#fefefe;
}
.widget {letter-spacing: .3px;font-weight:300;}
.widget a{color:#dcdcdc;}
.w-txt p{ max-width: 220px;}
.f-icon { margin-top: 25px;}
.f-icon li {
display: inline-block;
padding-right: 15px;
}
.ww-txt li:before{
content:'\f100';
font: normal normal normal 14px/1 FontAwesome;
margin-right: 8px;
}
.ww-txt li{ padding-bottom: 5px;}
/*********************** 9. footer-widget End ***************************/
/*********************** 10. footer-bottom Start ***************************/
#footer-bottom {
background: #1e1e1e;
padding: 25px 0;
color: #dcdcdc;
position:relative;
font-weight:300;
letter-spacing: .8px;
}
.scroll-to-top {
position: absolute;
right: 50px;
top: -15px;
border-radius: 50%;
border: 1px solid #d7d7d7;
}
.scroll-to-top a{
color: #333 !important;
padding: 9px;
}
.scroll-top {
background: #d7d7d7;
font-size: 18px;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
line-height: 34px;
margin: 3px;
}
.footer-txt a{color:#dcdcdc;}
/*********************** 10. footer-bottom End ***************************/
/**************************************************
C. Home Two
/**************************************************/
.sec-title hr.hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #e39da7,#a5abaa, rgba(0, 0, 0, 0));
max-width: 300px;
margin: 15px auto;
margin-top: 22px;
}
.sec-title h3 {
font-weight: bold;
color: #4a4a4a;
font-family: 'Droid Serif', serif;
}
.sec-title p {
color: #696969;
max-width: 800px;
font-size: 16px;
margin: 0 auto;
letter-spacing: .2px;
}
/*********************** 1. header-top1 Start **********************/
#header-top1 {
background: #222;
padding: 8px;
color:#fff;overflow: hidden;
}
#header-top1.h44{ padding: 10px;}
.head-right li{
display: inline-block;
padding-left: 15px;
letter-spacing: .5px;
font-weight: 300;
}
.h44 .head-left li {padding-right: 10px;}
.head-left li {display: inline-block;padding-right: 25px;}
.head-left li a{color:#fff;transition:.5s;}
.head-left li a:hover{color:#0776a2;}
.head-right li a{
color:#fff;
background:#ad926d;
padding: 11px 40px;
border-bottom-left-radius: 15px;
border-top-right-radius: 4px;
letter-spacing: .5px;
}
/*********************** 1. header-top1 End ***************************/
/*********************** 2. main-menu Start ***************************/
.wrap-sticky nav.navbar.bootsnav.sticked {
position: fixed;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.1s ease-in-out;
padding: 0 !important;
}
#main-menu nav.navbar.bootsnav {
background-color: #f8f8f8;
border-bottom: 0;
padding:10px 0;
}
.navbar-collapse,
.container-fluid{padding:0;}
#main-menu nav.navbar.bootsnav ul.nav > li > a:hover {color:#ad926d;}
#main-menu nav.navbar.bootsnav ul.nav > li {margin-left:30px;}
#main-menu nav.navbar.bootsnav ul.nav > li > a {
color: #5f5f5f;
padding: 36px 0 27px 0;
letter-spacing:.3px;
transition:.7s;
font-family: 'Droid Serif', serif;
}
#main-menu nav.navbar.bootsnav ul.nav li.active > a:hover,
#main-menu nav.navbar.bootsnav ul.nav li.active > a:focus,
#main-menu nav.navbar.bootsnav ul.nav li.active > a{
color:#ad926d;
}
.navbar-right .dropdown-menu {
right: auto;
left: 0;
}
/*********************** 2. main-menu End ***************************/
/*********************** 3. justice Start ***************************/
#justice{
position:relative;
overflow:hidden;
padding:95px 0 75px ;
}
.j-box1 {margin-bottom:57px;}
.j-box1:hover .j-icon a{
background:#ad926d;
color:#fff;
box-shadow: 2px 5px 12px #ddd;
}
.j-box {margin-top: 70px;}
.j-icon .glyph-icon{
font-family: Flaticon;
font-size: 28px;
font-style: normal;
margin-left: 0;
}
.j-icon a{
float: left;
font-size: 30px;
border: 2px solid #ad926d;
padding: 14px 13px;
border-radius: 2px;
background: transparent;
transition:.5s;
color:#333;
box-shadow: inset 2px 3px 12px #ddd, 2px 5px 12px #ddd;
}
.j-txt {
padding-left: 30px;
display: table;
}
.j-txt p {color: #535251;}
.j-txt h5 {
font-size: 18px;
font-weight: 700;
color: #353535;
margin-bottom: 10px;
font-family: 'Droid Serif', serif;
}
.j-img img{ width: 100%;}
.j-img {width: 100%;height: 425px;}
/*********************** 3. justice End ***************************/
/*********************** 4. know-exper Start ***************************/
#know-exper{
background:url(../../images/h2-bg1.jpg)no-repeat center/cover;
position:relative;
overflow:hidden;
padding:95px 0 0;
}
#know-experts{
background:url(../../images/h2-bg2.jpg)no-repeat center/cover;
position:relative;
overflow:hidden;
padding:95px 0 0;
}
.ke-overlay{
position:absolute;
width:100%;
top:0;
bottom: 0;
background: rgba(18, 36, 49, 0.87);
}
.ke-box{margin-top: 67px;}
.ke-box,
.sec-title1 {position: relative;color: #dddbdb;}
.sec-title1 h1 {
font-size: 30px;
font-weight: 600;
color: #fefefe;
font-family: 'Droid Serif', serif;
}
.sec-title1 p{
letter-spacing:.2px;
color: #dddbdb;
}
.sec-title1 hr {
margin: 26px 0 15px;
border-top: 1px solid #5b5b5bx;
}
.ke-img img{width:100%;}
.ke-img { width: 540px;height: 520px;}
.ke-top{margin-top:67px;}
.ke-top:hover h5 {color:#ad926d;}
.ke-top h5 {
font-size: 16px;
line-height: 16px;
color: #fefefe;
font-weight: 600;
transition:.5s;
font-family: 'Droid Serif', serif;
}
.ke-top hr{
border-top: 1px solid #fefefe;
margin: 15px 0 20px;
max-width: 50px;
}
.ke-top p{letter-spacing: .3px;max-width:240px;}
/*********************** 4. know-exper End ***************************/
/*********************** 5. Schedule Start ***************************/
#schedule {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.nav-tabs>li {
margin-bottom: 15px;
width: 100%;
float: none;
}
.nav-tabs {
border-bottom: 0;
float: left;
margin-right: 30px;
}
.nav-tabs>li>a:hover {
border-color: #ad926d;
color:#fff;
}
.nav-tabs.nav>li>a:focus, .nav-tabs.nav>li>a:hover {
text-decoration: none;
background-color: #ad926d;
color:#fff;
}
.nav-tabs>li span {
font-weight: 300;
font-size:14px;
letter-spacing: .5px;
font-family: 'Source Sans Pro', sans-serif;
}
.nav-tabs>li>a {
margin-right: 0px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px;
background: #ececec;
color: #5b5b5b;
transition:.7s;
font-size: 18px;
padding:15px;
font-weight: 600;
line-height: 21px;
font-family: 'Droid Serif', serif;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #ad926d;
border: transparent;
border-bottom-color: transparent;
transition:.7s;
}
.schedule{margin-top:65px;}
.table>tbody>tr>td .l-img img{width:100%}
.table>tbody>tr>td .l-img {
width: 75px;
height: 75px;
border-radius: 50%;
margin: auto;
}
.table>thead>tr{background-color: #ad926d;}
.table>thead>tr>th{
font-size:16px;
color:#fff;
border:0;
padding: 12px;
text-align: center;
font-weight: 500;
font-family: 'Droid Serif', serif;
border-right: 1px solid #f5f5f5;
}
.table>tbody>tr>td h5{
font-family: 'Droid Serif', serif;
font-size:16px;
color:#ad926d;
font-weight: 600;
padding: 25px 0;
text-align: center;
}
.table>tbody>tr{border-top:1px solid #ddd;}
.table>tbody>tr>td:last-child{border:0;}
.table>tbody>tr>td{
border-right:1px solid #ddd;
padding: 11px 8px;
}
.table>tbody>tr>td p{
font-size: 15px;
padding: 25px 0;
text-align: center;
color: #777777;
letter-spacing: .2px;
}
.table {background-color: #ececec;margin: 0;}
/*********************** 5. Schedule End ***************************/
/*********************** 6. videoContainer Start ***************************/
#videoContainer{
position:relative;
width: 100%;
height: 400px;
overflow: hidden;
}
#video{
padding: 150px 0px;
color: rgb(255, 255, 255);
position: relative;
}
#video .link a{
color: #fff;
font-size: 14px;
font-weight: 600;
text-decoration: none;
background-color: #EC971F;
padding: 10px 25px;
border-radius: 5px;
line-height:50px;
}
/***************** 6. videoContainer End *******************/
/****************** 7. c-lawyer Start *********************/
#l-news,
#c-lawyer {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.c-law:hover .claw-icon{background: #ad926d;}
.c-law:hover .claw-txt h5{ color: #ad926d;}
.c-law {
background: #f9f9f9;
padding: 30px 20px;
margin-top: 40px;
box-shadow: 2px 4px 10px #a2a1a1;
}
.claw-icon {
float: left;
width: 50px;
height: 50px;
background: #7c7b7b;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-size: 28px;
color: #fff;
transition:.7s;
}
.claw-txt {display: table;padding-left: 20px;}
.claw-txt h5 {
font-family: 'Droid Serif', serif;
color: #4a4a4a;
font-weight: 700;
font-size: 16px;
margin: 5px 0;
transition:.7s;
}
.c-lawyer{margin-top:30px;}
/*********************** 7. c-lawyer End ***************************/
/******************** 8. customer-say Start **********************/
#customer-say {
background: #f8f8f8;
position: relative;
overflow:hidden;
padding: 95px 0 75px ;
}
.custom-slider {margin-top: 40px;}
.item-box:after{
content:'';
position:relative;
bottom: -20px;
z-index: -1;
border-top: 40px solid #e6e6e6;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
}
.item-box{
position:relative;
width: 110px;
height: 110px;
border-radius: 100%;
margin: 15px auto;
background: #e6e6e6;
}
.item-img {padding:5px;}
.item-text img {
width: 10px !important;
display: inline-block!important;
margin-top: -10px;
}
.item-text h4 {
color: #7b7b7b;
font-style: italic;
font-weight: 600;
display: inline-block;
font-size:16px;
margin-top: 30px;
position:relative;
font-family: 'Droid Serif', serif;
}
.item-text p {
color: #7b7b7b;
max-width: 1000px;
font-size: 16px;
margin: 10px auto;
letter-spacing: .1px;
}
#owl-demo1 .owl-nav [class*=owl-] {background: #ad926d;}
#owl-demo1 .owl-nav [class*=owl-] {
color: #FFF;
font-size: 20px;
margin:0 5px;
padding: 4px 16px;
background: #ad926d;
}
#owl-demo1 .owl-nav {
margin-top: 40px;
}
#owl-demo1.owl-carousel .owl-item img {
border-radius: 100%;
}
/******************* 8. customer-say End **********************/
/******************* 9. lnews-img Start ********************/
.lnews-img {margin-bottom: 30px;}
.lnews-img img {width: 100%;}
.lnews-icon i{font-size: 24px;}
.lnews-icon hr{
max-width: 30px;
margin: 20px auto;
border-top: 2px solid #fff;}
.lnews-icon{letter-spacing: 1px;}
.lnews-icon {
float: left;
background: #ad926d;
color: #fff;
padding: 15px;
border-radius: 4px;
font-family: 'Droid Serif', serif;
letter-spacing: .3px;
text-transform: uppercase;
}
.lnews-txt {display: table;padding-left: 20px;}
.lnews-txt h4 {
font-family: 'Droid Serif', serif;
font-weight: 700;
margin: 10px 0;
}
.lnews-txt a{color:#696969;}
.lnews-txt p {letter-spacing: .2px;max-width: 250px;}
.l-news {margin-top: 65px;}
/****************** 9. lnews-img End *********************/
/***************** 10. h2-contact Start *******************/
#h2-contact{
position:relative;
overflow:hidden;
background:#ad926d;
color:#fff;
}
#map { width: 100%;height: 600px;}
.c-text{padding:80px 50px 0;}
.c-text p{max-width:700px;font-weight: 300;}
.c-text h2 {
font-family: 'Droid Serif', serif;
font-weight: 600;
margin-bottom: 15px;
}
form.appoint {margin-top: 40px;}
.c-text textarea.form-control {height:auto;}
.c-text .form-control {
width: 100%;
height:40px;
float: left;
margin: 0 0 5px;
padding: 6px 12px;
color: #555;
background-color: #fff;
background-image: none;
border: 0;
border-radius: 4px;
-webkit-box-shadow:none;
box-shadow: none;
}
form.appoint .btn-default i{padding-right:5px;}
form.appoint .btn-default {
color: #fff;
background-color: #333;
border-color: #333;
font-weight: 700;
padding: 7px 20px;
}
/***************** 10. h2-contact End ***********************/
/**************** 11. footer1 Start *********************/
#footer1 {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
background: #c1c1c1;
color: #595959;
font-size:15px;
}
.f1-widget p i {padding-right:5px;color:#ad926d;}
.f1-widget p a{color:#ad926d;}
.f1-widget p.f1txt1 {margin-bottom:40px;
font-size: 16px;}
.f1-widget p.f1txt {letter-spacing: .3px;max-width: 492px;font-size:14px;}
.f1-widget hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #e39da7,#a5abaa, rgba(0, 0, 0, 0));
max-width: 300px;
margin: 22px 0;
}
.f1-logo{margin-bottom:20px;}
.f1-icon a {
color: #fff;
background: #ad926d;
width: 50px;
height: 45px;
font-size: 18px;
text-align: center;
line-height: 45px;
border-radius: 0;
margin-right: 2px;
display: inline-block;
}
.f1-widget h5 {
font-family: 'Droid Serif', serif;
font-size: 16px;
font-weight: 600;
color: #595959;
margin: 20px 0;
}
ul.f1-img li {
display: inline-block;
width: 80px;
height: 80px;
margin-right: 5px;
}
ul.parea li hr {
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #e39da7,#a5abaa, rgba(0, 0, 0, 0));
max-width: 200px;
margin:4px 0;
}
ul.parea li i{padding-right:8px;}
ul.parea li:hover a {
padding-left: 8px;
}
ul.parea li a {
color: #595959;
font-size: 16px;
transition: .5s;
}
ul.parea li {
position:relative;
margin-bottom: 5px;
letter-spacing: .3px;
}
/******************* 11. footer1 End ********************/
/******************* 12. f1-bottom Start ******************/
#f1-bottom {
position: relative;
background: #3e3e3e;
color: #b5b2b2;
}
.f1-bottom hr{
border:0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #e39da7,#a5abaa, rgba(0, 0, 0, 0));
max-width: 500px;
margin:20px auto;
}
.f1-bottom p{font-weight: 300;letter-spacing: .3px;color:#cdcdcd;}
.f1-bottom{padding: 40px 0 50px;}
.f1-bottom h4 {
font-size: 16px;
font-weight: 600;
color:#fefefe;
letter-spacing: 1px;
font-family: 'Droid Serif', serif;
}
.footer-txt1 p,
.footer-txt1 a{color:#b5b2b2;}
.footer-txt1 {
border-top: 1px solid #555;
padding: 25px 0;
letter-spacing: .5px;
font-weight: 300;
position:relative;
}
/******************* 12. f1-bottom End ********************/
/**************************************************
D. Home Three
**************************************************/
/***************** 1. header-top3 Start *********************/
#header-top3 {
background: #f6f6f6;
}
#header-top3 nav.navbar.bootsnav{background:transparent;border:0;}
#header-top3 nav.navbar.bootsnav ul.nav > li > a {
padding: 15px 0;
color:#5f5f5f;
font-family: 'Droid Serif', serif;
}
#header-top3.navbar-fixed-top {
top: 0;
position: fixed;
right: 0;
left: 0;
z-index: 9;
background: #f6f6f6;
border-width: 0 0 1px;
}
#header-top3 .h3-right li i{padding-right:5px;}
#header-top3 .h3-right li{padding: 12px 0;}
#h-top3 {padding: 10px 0 15px;}
.h3-logo .navbar-brand{padding:0;}
#h-top3.navbar-fixed-top {
top: 50px;
position: fixed;
right: 0;
left: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.8);
border-width: 0 0 1px;
}
#h-top3 .btn-default.active.focus,
#h-top3 .btn-default.active:focus,
#h-top3 .btn-default.active:hover,
#h-top3 .btn-default:active.focus,
#h-top3 .btn-default:active:focus,
#h-top3 .btn-default:active:hover{
color: #333;
background-color: transparent;
border-color: #8c8c8c;
outline: 0;
box-shadow: none;
}
.h3-right.navbar-right,
.h3-consult.navbar-right{margin:0;}
.h3-consult i{padding-right:5px;}
.h3-consult span {
font-size: 16px;
letter-spacing: .5px;
}
#h-top3 .btn-default {
color: #333;
background-color: transparent;
border-color: #333;
margin-top: 5px;
padding: 2px 15px;
border-radius:0;
letter-spacing: .5px;
}
/****************** 1. header-top3 End **********************/
div#rev_slider_28_2_forcefullwidth{overflow:hidden;}
/****************** 2. about3 Start ************************/
#about3{padding:95px 0 75px ;}
.about3{margin-top:60px;}
.panel-group .panel+.panel {margin-top: 3px;}
.panel{border: 0;box-shadow:none;}
.panel-default>.panel-heading {
color: #333;
background-color: transparent;
border-color: #ddd;
border: 0;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding:10px 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/*.panel .panel-title{position:relative;}
.panel i.indicator {
padding: 3px 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}*/
.panel-title>a{display:block;}
.panel-title .glyphicon{
font-size:11px;
top:7px;
}
.panel.panel-default:last-child {
padding-bottom: 3px;
border-bottom: 1px solid #ddd;
border-radius: 0;
}
.panel.panel-default:first-child {
padding-top: 3px;
border-top: 1px solid #ddd;
border-radius: 0;
}
.ab3-tab .nav-tabs {
border-bottom: 1px solid #ddd;
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
.ab3-tab .nav-tabs>li:last-child{border-right:0;}
.ab3-tab .nav-tabs>li {
margin-bottom: 3px;
width: 180px;
float: left;
text-align: center;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.ab3-tab .nav-tabs>li.active>a,
.ab3-tab .nav-tabs>li.active>a:focus,
.ab3-tab .nav-tabs>li.active>a:hover {
color: #ad926d;
background-color: transparent;
border-right: 1px solid #ddd;
transition: .7s;
}
.ab3-tab .nav-tabs>li>a {
margin-right: 0px;
border: 0;
border-radius: 0;
background: transparent;
color: #5b5b5b;
padding: 5px 15px;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
}
.ab3-tab .nav-tabs.nav>li>a:focus,
.ab3-tab .nav-tabs.nav>li>a:hover {
text-decoration: none;
background-color: transparent;
color: #5b5b5b;
}
.ab3-tab .nav-tabs>li>a:hover {
border-color: transparent;
color: #5b5b5b;
}
.ab3-img { float: left;}
.ab3-img img {width: 100%;}
.ab3-txt p{margin-bottom:10px;color:#818181;}
.ab3-txt {
display: table;
padding-left: 30px;
margin-bottom:40px;
}
.ab3-txt h5 {
font-size: 16px;
font-weight: 700;
color: #ad926d;
margin: 5px 0 10px;
}
.ab3-top {margin-bottom: 35px;}
#accordion .panel-body {padding: 15px 15px 15px 0;}
#accordion.panel-group {
margin-bottom: 20px;
padding-top: 35px;
}
.ab3-top h3 {
font-size: 26px;
font-weight: 800;
color: #222;
}
.ab3-top h5 {
font-style: italic;
color: #797979;
letter-spacing: .3px;
}
/******************* 2. about3 End ************************/
/**************************************************
E. Home Four
**************************************************/
/****************** 1. home4 menu Start ******************/
.head-right li i{padding-right:8px;}
#main-menu.navbar-fixed-top {
top: 44px;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
transition:.5s;
border-width: 0 0 1px;
border-bottom: 1px dotted #555;
}
#main-menu nav.navbar.bootsnav.home4 ul.nav > li > a{color:#fff;transition:.7s;font-size:13px;font-weight:500;}
#main-menu nav.navbar.bootsnav.home4 ul.nav > li > a:hover,
#main-menu nav.navbar.bootsnav.home4 ul.nav li.active > a:hover,
#main-menu nav.navbar.bootsnav.home4 ul.nav li.active > a:focus,
#main-menu nav.navbar.bootsnav.home4 ul.nav li.active > a{color: #ad926d;}
#main-menu nav.navbar.bootsnav.home4{padding:0;background:transparent;}
#main-menu.scrolling{background:#333;transition:.5s;}
/*********************** 1. home4 menu End ***********************/
/*********************** 2. about-four Start *****************/
#about-four{position:relative;padding:95px 0 75px ;}
.sec-title.ab4 h3 {color: #333;}
.sec-title.ab4 p {margin: 10px auto;color: #333;}
.sec-title.ab4 hr.hr { margin: 13px auto;}
.ab4-txt:hover .ab4-icon{color:#064881;}
.ab4-icon {
width: 80px;
height: 80px;
line-height: 80px;
border: 1px solid #bda977;
border-radius: 50%;
background: #fff;
box-shadow: 1px 3px 5px #d9d9d9;
margin: 0 auto;
font-size: 40px;
color: #333;
margin-bottom: 10px;
transition:.7s;
}
.ab4-icon img {width: 100%;}
.ab4-text p {
letter-spacing: .2px;
max-width: 257px;
margin: 0 auto;
}
.ab4-text h4 {
font-family: 'Droid Serif', serif;
color: #353535;
font-weight: 800;
margin-bottom: 10px;
transition:.7s;
}
.ab4-text {margin-top: 30px;}
.ab4-txt:hover h4{color:#064881;}
.ab4-box{padding:50px 0 70px;}
.sec-title h3 span{
font-size: 10px;
font-weight: lighter;}
.ab4-choose p {margin-top: 30px;}
/*********************** 2. about-four End ***********************/
/***about-Four accordion ***/
.ab4-accor .panel.panel-default:last-child {
padding-bottom: 0;
border-bottom: 1px solid rgba(95, 95, 95, 0.5);
border-radius: 0;
}
.ab4-accor .panel.panel-default:first-child {
padding-top: 0;
border-top: 1px solid rgba(95, 95, 95, 0.5);
border-radius: 0;
}
.ab4-accor.panel-group .panel {
margin-bottom: 15px;
border-radius: 0;
border: 1px solid rgba(95, 95, 95, 0.5);
margin-left: 50px;
}
.ab4-accor .panel-default>.panel-heading:before {
content: '';
position: absolute;
border-top: 8px solid transparent;
border-right: 8px solid rgba(95, 95, 95, 0.5);
border-bottom: 8px solid transparent;
left: -9px;
top: 8px;
}
.ab4-accor .panel-default>.panel-heading:after {
content: '';
position: absolute;
border-top: 7px solid transparent;
border-right: 7px solid #fff;
border-bottom: 7px solid transparent;
left: -6px;
top: 9px;
}
.ab4-accor .panel-default>.panel-heading {
color: #ccc;
background-color: transparent;
border-color: transparent;
border: 0;
border-bottom: 0;
border-top: 0;
padding:5px 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
position:relative;
}
.ab4-accor .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: transparent;
}
.ab4-accor .panel .pull-left{
padding: 0 9px;
line-height: 28px;
position: absolute;
left: -50px;
right: initial;
top: 0;
bottom: 0;
border: 1px solid rgba(95, 95, 95, 0.5);
margin: 0;
font-size: 10px;
color: rgba(95, 95, 95, 0.8);
}
#accordion.ab4-accor .panel-body{padding:0 15px 5px;}
.ab4-accor .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
color: #777;
}
/*** about-four accordion ***/
/*********************** 3. legal-practice Start ***********************/
#h4-contact,
#lnwes-test,
#legal-practice {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
background: #f9f9f9;
}
.ln-testi,
.legal-p {padding-top: 60px;}
.legal-box .legal-img{border:5px solid #ebebeb;}
.ln-test img,
.legal-box img{width:100%;}
.legal-box p {margin-top:15px;}
.ln-test:hover h4,
.legal-box:hover h4 {color:#ad926d;}
.legal-box h4 {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
color: #666666;
transition:.7s;
font-family: 'Droid Serif', serif;
}
.ln-test:hover h4,
.ln-img {
position: relative;
margin-bottom: 10px;
overflow:hidden;
}
.ln-test:hover .ln-over{bottom:0;}
.ln-over {
position: absolute;
bottom: -43%;
background: rgba(165, 135, 96, 0.9);
color: #ddd;
padding:10px 15px;
font-weight: 300;
transition:.7s;
}
.ln-test p.lntxt{font-size: 13px; color: #777;}
.ln-test hr{
margin: 20px 0;
border-top: 1px solid #ddd;
}
.ln-test h4{
font-size: 16px;
font-weight: 700;
margin:10px 0 5px;
color: #666666;
transition:.7s;
font-family: 'Droid Serif', serif;
}
.lns-img {float: left;padding-right: 30px;}
.lns-text h4 {
font-size: 16px;
margin:10px 0;
color: #ad926d;
font-weight: 700;
font-family: 'Droid Serif', serif;
}
.lns-text:before {
content: '';
position: absolute;
border-top: 18px solid transparent;
border-right: 18px solid #ebebeb;
border-bottom: 18px solid transparent;
left: -16px;
top: 20%;
}
.lns-text {
display: table;
padding: 30px;
background: #ebebeb;
position:relative;
}
.lns-text2 {
padding-left: 135px;
margin-top: 15px;
}
.lns-text2 h6 {font-family: 'Droid Serif', serif;}
.lns-text2 h5 {
color: #ad926d;
font-weight: 700;
font-family: 'Droid Serif', serif;
}
.lns-text p { margin-bottom: 10px;}
.h4-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #a0a0a0;
}
.h4-contact ::-moz-placeholder { /* Firefox 19+ */
color: #a0a0a0;
}
.h4-contact :-ms-input-placeholder { /* IE 10+ */
color: #a0a0a0;
}
.h4-contact :-moz-placeholder { /* Firefox 18- */
color: #a0a0a0;
}
.h4-contact select.form-control{ color: #a0a0a0;}
.h4-contact textarea.form-control{
box-shadow:none;
border:1px solid #f4f4f4;
background:#f4f4f4;
border-radius:0;
height:110px ;
}
.h4-contact .input-group .form-control{
box-shadow:none;
border:1px solid #f4f4f4;
background:#f4f4f4;
height:40px ;
}
.h4-contact .input-group {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 30px;
border-collapse: separate;
}
.h4-contact { margin-top: 60px;}
.h4-contact .btn-default.active.focus,
.h4-contact .btn-default.active:focus,
.h4-contact .btn-default.active:hover,
.h4-contact .btn-default:active.focus,
.h4-contact .btn-default:active:focus,
.h4-contact .btn-default:active:hover,
.h4-contact .open>.dropdown-toggle.btn-default.focus,
.h4-contact .open>.dropdown-toggle.btn-default:focus,
.h4-contact .open>.dropdown-toggle.btn-default:hover,
.h4-contact .btn-default:hover,
.h4-contact .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
font-size: 12px;
border-radius: 0;
padding: 10px 40px;
outline:0;
font-family: 'Droid Serif', serif;
}
/*********************** 3. legal-practice End ***********************/
/**************************************************
F. Attorney2 Page
**************************************************/
li.att-box{
display: inline-block;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
li.att-box .hre-img {
width: 150px;
height: 150px;
border-radius: 100%;
background: #f5f5f5;
line-height: 156px;
margin: 0;
float: left;
box-shadow:inset 1px 1px 10px #777;
}
.att-txt {
display: table;
padding-left: 20px;
padding-top: 10px;
font-size: 16px;
}
.att-txt h5 {
font-family: 'Droid Serif', serif;
color: #ad926d;
font-weight: 700;
font-size: 16px;
margin-bottom: 10px;
}
.att-txt a,
.att-txt p span { color: #ad926d;}
.att-txt p {
max-width: 728px;
color: #636363;
}
.sec-title h2 {
color: #464646;
font-weight: 600;
}
.attorne{margin-top:60px;}
#attorne {
position: relative;
padding: 95px 0 75px ;
overflow: hidden;
}
.right-side h4.title {
font-weight: 700;
line-height: 2;
}
.right-side .cicon {
float: left;
margin-right: 15px;
}
.right-side .panel-body label{float:left;color:#898989;width:50px;}
.right-side .panel-body textarea,
.right-side .panel-body input {
width: 85%;
border-radius: 4px;
border: 1px solid #ddd;
padding: 4px;
}
.right-side .panel-body ul{padding-left: 30px;}
.right-side .panel-body {
padding: 5px 0;
}
.submit{padding-left:50px;}
.submit .btn-default.active.focus,
.submit .btn-default.active:focus,
.submit .btn-default.active:hover,
.submit .btn-default:active.focus,
.submit .btn-default:active:focus,
.submit .btn-default:active:hover,
.submit .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
padding: 7px 30px;
border-radius: 5px;
outline: 0;
margin-top: 5px;
}
.right-side {
margin-bottom: 50px;
}
.right-side .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: transparent;
}
.right-side .panel.panel-default:first-child {
padding-top: 0;
border-top: 0px solid #ddd;
border-radius: 0;
}
.right-side .panel-default>.panel-heading {
color: #333;
background-color: transparent;
border-color: transparent;
border: 0;
border-bottom: 0px solid #ddd;
border-top: 0px solid #ddd;
padding: 0;
margin: 0 0 8px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.right-side .panel.panel-default:last-child {
padding-bottom: 0;
border-bottom: 0px solid #ddd;
border-radius: 0;
}
/* .right-side .panel i.indicator{
left:0;
right:auto;
color: #ad926d;
} */
.right-side .panel-title>a .glyphicon {
padding-right: 15px;color: #ad926d; font-size:14px;}
.right-side .panel-title>a {
display: table;
font-weight: 600;
}
/**************************************************
G. Attorney Page
**************************************************/
/*********************** 1. bg-top Start ***************************/
.bg-top{
background:url(../../images/att-bg.jpg)no-repeat center/cover;
height: 175px;
}
/*********************** 1. bg-top End ***************************/
/*********************** 2. profile Start ***************************/
#profile {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.pro-img img{width:100%;}
.pro-txt p{
margin-bottom: 10px;
letter-spacing: .2px;
font-size: 16px;}
.pro-txt i{
background: #fefefe;
line-height: 31px;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
color: #333;
margin-right: 8px;
}
.pro-txt {
background: #ad926d;
color: #fefefe;
padding: 15px 30px 10px;
font-weight:300;
}
.pro-box h5 {
font-family: 'Droid Serif', serif;
margin: 5px 0;
}
.pro-box p.ppp {margin:10px 0 25px;}
.pro-box p span {
background: #ebebeb;
padding: 5px 15px;
margin-right: 10px;
border-radius: 4px;
}
.pro-box p {margin-bottom:10px; letter-spacing: .4px;}
.pro-box ul{padding-top:15px;}
.pro-box ul>li i{padding-right:10px;
color: #ad926d;}
.pro-box ul>li {
width: 100%;
display: inline-block;
padding: 2px 0;
}
.pro-box h3 {
color: #a28053;
font-weight: 700;
font-family: 'Droid Serif', serif;
}
/*********************** 2. profile End ***************************/
/*********************** 3. circle Start ***************************/
#circle {
position: relative;
overflow: hidden;
margin-bottom: 80px;
}
.circliful {
position: relative;
color: #ad926d;
margin:0 auto;
}
.circle-text, .circle-info,
.circle-text-half, .circle-info-half {
width: 100%;
position: absolute;
text-align: center;
display: inline-block;
}
.cir-txt {
position: absolute;
bottom:0;
left: 0;
right: 0;
}
.cir-txt p{
line-height: 20px;
max-width: 220px;
margin: 0 auto;
}
.cir-txt h5 {
font-size: 18px;
font-weight: 600;
color: #595959;
margin-bottom: 8px;
}
/*********************** 3. circle End ***************************/
/*********************** 4. hre Start ***************************/
#hre{
background:url(../../images/bg4.jpg)no-repeat center/cover;
padding:70px 0;
}
.hre-txt1 h1 {font-weight: 500;margin-bottom: 30px;color:#646464;}
.hre-txt1 p {font-size: 15px;max-width: 520px;}
.hre-txt li{display: inline-block;margin: 15px 20px 0;}
.hre-img img{
width: 100%;
height: 120px;}
.hre-img {
width: 150px;
height: 150px;
border-radius: 100%;
background: #f5f5f5;
line-height: 160px;
overflow: hidden;
border:5px solid #eee;
margin:0 auto;
box-shadow: 0px 0px 10px #777;
}
.hre-txt li a {color:#ad926d;font-style: initial;}
.hre-txt li p{
font-style: italic;
font-weight: 400;
letter-spacing: .5px;
}
.hre-txt li h5 {
font-size: 16px;
font-weight: 600;
margin: 20px 0 0;
}
/*********************** 4. hre End ***************************/
/*********************** 5. brand Start ***************************/
#brand{
position:relative;
overflow:hidden;
padding:95px 0 75px 20px;
}
.brand {max-width:1020px; margin:0 auto;}
.brand h3{font-style:italic;}
.brand ul{margin-top:40px;}
.brand ul li {display: inline-block;}
.brand .owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
color: #595959;
text-decoration: none;
}
.brand .owl-theme .owl-prev {
position: absolute;
left: -60px;
top: 20px;
background: transparent;
font-size: 30px;
border: 1px solid #595959;
padding: 4px 17px;
border-radius: 0;
margin: 0;
color: #595959;
}
.brand .owl-theme .owl-next {
position: absolute;
right: -60px;
top: 20px;
background: transparent;
font-size: 30px;
border: 1px solid #595959;
padding: 4px 17px;
border-radius: 0;
margin: 0;
color: #595959;
}
/*********************** 5. brand End ***************************/
/**************************************************
H. practice Area
/**************************************************/
/*********************** 1. p-head Start ***************************/
#p-head {
font-family: 'Droid Serif', serif;
background: url(../../images/att-bg.jpg)no-repeat center/cover;
padding: 70px 0;
position: relative;
}
#p-head h3{color: #ad926d;font-weight: 700;}
/*********************** 1. p-head End ***************************/
/*********************** 2. our-cases Start ***************************/
#our-cases {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.cases-top h3:before {
content: '';
position: absolute;
width: 30px;
height: 1px;
background: #ad926d;
left: 0;
top: 13px;}
.cases-top h3:after {
content: '';
position: absolute;
width: 30px;
height: 1px;
background: #ad926d;
right: 0;
top: 13px;}
.cases-top h3 {
font-family: 'Droid Serif', serif;
font-weight: 600;
width: 420px;
margin: 0 auto;
text-align: center;
position: relative;
color: #4a4a4a;
}
.cases-top p {max-width: 900px;margin: 15px auto;}
.cases-box {
border: 1px solid #333;
padding: 40px 30px;
margin-top:30px;
}
.cases-txt {
display: inline-block;
margin-top: 10px;
}
.cases-txt h5 {
font-family: 'Droid Serif', serif;
color: #4a4a4a;
font-size: 23px;
font-weight: 700;
}
.cases-txt hr {
margin: 8px 0;
border-top: 2px solid #ad926d;
max-width: 50px;
}
.cases-img {float: right;}
.cases-box p {margin-top: 20px;}
/*********************** 2. cases End ***************************/
/*********************** 3. referal Start ***************************/
#referal{
position:relative;
overflow:hidden;
}
#m-law img,
.refer img{width:100%;}
.refer {position:relative;}
.no-padding{padding:0;}
.ref1-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(17, 62, 76, 0.94);
}
.ref-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.63);
}
.refer-txt1,
.refer-txt {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color:#fefefe;
}
.refer-txt h4{color:#cacaca;}
.refer-txt h2{
font-family: 'Droid Serif', serif;
font-weight: 600;
margin-bottom:5px;
}
.refer-txt h2 span{color:#ad926d;}
.refer-txt {margin-top: 16%;}
.refer-txt1{margin-top: 60px;}
.refer-txt1 hr{
margin: 15px auto;
border-top: 2px solid #ad926d;
max-width: 50px;
}
.refer-txt1 h2{
font-family: 'Droid Serif', serif;
font-weight: 600;
}
.refer-txt1 p {
max-width: 600px;
margin: 0 auto;
color:#cacaca;
font-size:16px;
font-weight:300;
}
.refer-txt1 .btn-default.active.focus, .refer-txt1 .btn-default.active:focus, .refer-txt1 .btn-default.active:hover,
.refer-txt1 .btn-default:active.focus, .refer-txt1 .btn-default:active:focus, .refer-txt1 .btn-default:active:hover,
.refer-txt1 .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
padding: 9px 25px;
border-radius: 0;
outline: 0;
margin-top: 30px;
font-size: 15px;
font-weight:600;
}
/*********************** 3. referral End ***************************/
/*********************** 4. m-law Start ***************************/
#m-law{
position:relative;
overflow:hidden;
padding:95px 0 75px ;
}
.mlaw{margin-top:60px;}
.sec-title.mll p{padding-top:15px;}
.m-txt {
margin-bottom: 15px;
}
.m-txt h5 {
font-family: 'Droid Serif', serif;
font-size: 16px;
font-weight: 600;
color:#4a4a4a;
transition:.5s;
}
.m-img {
margin-bottom: 20px;
}
.mlaw-box li a:hover{color:#005b7f;}
.mlaw-box li a{color:#4a4a4a;transition:.5s;}
.mlaw-box li {
display: inline-block;
padding-right: 15px;
}
p.ml{
transition: .5s;
color: #474747;
letter-spacing: .5px;
}
.mlaw-box:hover p.ml {color:#ad926d;}
.mlaw-box:hover .m-txt h5 {color:#ad926d;}
.mlaw-box hr {
border-top: 1px solid #4a4a4a;
margin: 15px 0 8px;
}
/*********************** 4. m-law End ***************************/
/**************************************************
I. practice2 Page
**************************************************/
#practice2{
position:relative;
padding:80px 0 30px;
}
.prac-txt2 {
display: table;
padding-left: 30px;
}
.prac-img2 {float: left;}
.prac-txt2 p {
max-width: 542px;
margin-bottom: 20px;
font-size: 15px;
}
.prac-txt2 h3 {
font-weight: 600;
color: #565655;
margin: 10px 0 25px;
font-family: 'Droid Serif', serif;
}
.prac-img2 img {width: 100%;}
.prac-txt2 .btn-default.active.focus, .prac-txt2 .btn-default.active:focus, .prac-txt2 .btn-default.active:hover,
.prac-txt2 .btn-default:active.focus, .prac-txt2 .btn-default:active:focus, .prac-txt2 .btn-default:active:hover,
.prac-txt2 .btn-default {
color: #ad926d;
background-color: transparent;
border-color: transparent;
padding: 0;
border-radius: 0;
outline:0;
box-shadow:none;
font-size:16px;
}
.prac-box2 {
overflow: hidden;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
margin-bottom: 50px;
}
/**************************************************
J. Practice Single Page
**************************************************/
#practice-single{
position:relative;
padding:100px 0 50px;
}
blockquote.text-center img{
width: 30px;
position: absolute;
top: -8px;
right: 0;
left: 0;
margin: 0 auto;
}
blockquote.text-center {
padding: 30px 20px;
margin: 0 0 20px;
font-size: 16px;
border-left: 0px solid #eee;
background: #f5f5f5;
position: relative;
}
.pl-text p { margin-bottom: 20px;}
.pl-text h3 {
font-family: 'Droid Serif', serif;
font-weight: 800;
margin-bottom: 30px;
color:#565555;
}
.pl-img img{width:100%;}
.pl-text ul,
.pl-img {margin-bottom: 25px;}
.pl-text ul li i{padding-right:5px;}
.pl-text ul li {
display: inline-block;
width: 47%;
}
.pa-singleside{margin-left:30px;}
.pa-sidebar {margin-bottom: 50px;}
.pa-sidebar h4 {
font-family: 'Droid Serif', serif;
text-align: center;
font-weight: 900;
color: #494949;
letter-spacing: 1px;
}
.pa-sidebar h5.pa-txt {
max-width: 250px;
text-align: center;
margin: 5px auto;
margin-bottom: 15px;
font-weight: 400;
font-size: 14px;
color:#4e4e4e;
}
.pa-s .panel-body textarea,
.pa-s .panel-body input {
width: 100%;
border: 0;
background: #f5f5f5;
padding: 8px 10px;
}
.pa-s .panel-body {
padding: 2px 0;
}
.pa-s ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #6b6b6b;
}
.pa-s ::-moz-placeholder { /* Firefox 19+ */
color: #6b6b6b;
}
.pa-s :-ms-input-placeholder { /* IE 10+ */
color: #6b6b6b;
}
.pa-s :-moz-placeholder { /* Firefox 18- */
color: #6b6b6b;
}
.pa-s .btn-default.active.focus, .pa-s .btn-default.active:focus, .pa-s .btn-default.active:hover,
.pa-s .btn-default:active.focus, .pa-s .btn-default:active:focus, .pa-s .btn-default:active:hover,
.pa-s .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
padding: 8px 30px;
border-radius: 0;
outline: 0;
margin-top: 5px;
width: 100%;
font-weight: 700;
letter-spacing: .5px;
}
.pa-sidebar ul{margin-top:25px;}
.pa-sidebar ul>li:hover a {padding-left:8px;}
.pa-sidebar ul>li {
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
font-weight: 600;
letter-spacing: .3px;
}
.pa-sidebar ul>li a {
max-width: 270px;
color: #8b8b8b;
transition:.5s;
display:inline-block;
}
.pa-cat li a,
.pa-sidebar h5.pa-side {
color: #494949;
font-family: 'Droid Serif', serif;
}
.pa-sidebar h5 {
font-size: 15px;
font-weight: 700;
}
.pa-cat{font-size:15px;}
/**************************************************
K. About Page
**************************************************/
#ab-page,
#mission-vision{
position:relative;
padding:95px 0 75px ;
}
#ab-page img,
#mission-vision img{width:100%}
.content ,
.ab-page {padding-top:70px;}
#mission-vision{
background:#f9f9f9;
padding:95px 0 0;
}
.c-btn{margin-top:40px;}
.c-btn .btn-default.active.focus,
.c-btn .btn-default.active:focus,
.c-btn .btn-default.active:hover,
.c-btn .btn-default:active.focus,
.c-btn .btn-default:active:focus,
.c-btn .btn-default:active:hover,
.c-btn .btn-default {
color: #fff;
background-color: #464646;
border-color: #464646;
padding: 15px 35px;
letter-spacing: .5px;
font-size: 16px;
border-radius: 0;
border: 0;
outline:0;
}
.abpage-txt p {
margin-bottom: 10px;
letter-spacing: .1px;}
.abpage-txt h5 {
font-weight: 700;
margin-bottom: 10px;
font-family: 'Droid Serif', serif;
}
.box input[type="checkbox"] {display: none;}
.box label {
cursor: pointer;
font-weight: normal;
font-size:16px;
margin:5px 0;
}
.box input#c8[type="checkbox"] +label:before,
.box input#c6[type="checkbox"] +label:before,
.box input#c2[type="checkbox"] +label:before {
content: "\f00d";
font: normal normal normal 12px/8px FontAwesome;
}
.box input[type="checkbox"] + label:before {
border: 1px solid #ddd;
content: "\00a0";
display: inline-block;
font: 20px/2px sans-serif;
height: 11px;
margin: 8px 15px 8px 0;
padding: 0;
vertical-align: top;
width: 12px;
}
.box input#c6[type="checkbox"]:checked + label:before,
.box input#c8[type="checkbox"]:checked + label:before,
.box input#c2[type="checkbox"]:checked + label:before {
color: red;
content: "\f00d";
}
.box input[type="checkbox"]:checked + label:before {
background: #fff;
color: #1bc30c;
content: "\2713";
text-align: center;
}
/**************************************************
L. Contact2 Page
**************************************************/
#p-head.contact2{padding:98px 0 0;background: #333;}
.c2-box {
padding: 20px;
background: #f8f8f8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-top:70px;
text-align: left;
box-shadow: 0px 3px 7px #b9b6b6;
position:relative;
}
.c2-box input,
.c2-box textarea{
width: 100%;
background: #fff;
padding: 5px;
border-radius: 4px;
border:1px solid #ddd;
font-size: 13px;
font-family: 'Source Sans Pro', sans-serif;
}
.c2-box label{margin:0;}
.c2-box .panel-body{padding:10px 0 0;}
.c2-box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #a2a2a2;
}
.c2-box ::-moz-placeholder { /* Firefox 19+ */
color: #a2a2a2;
}
.c2-box :-ms-input-placeholder { /* IE 10+ */
color: #a2a2a2;
}
.c2-box :-moz-placeholder { /* Firefox 18- */
color: #a2a2a2;
}
.c2-box .btn-default.active.focus, .c2-box .btn-default.active:focus, .c2-box .btn-default.active:hover,
.c2-box .btn-default:active.focus, .c2-box .btn-default:active:focus, .c2-box .btn-default:active:hover,
.c2-box .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
padding: 7px 30px;
border-radius: 0;
outline:0;
margin: 15px 0 20px;
width: 100%;
}
#contact2 p{color:#928f8b;}
#contact2 {
padding: 40px 0;
}
p.c2-top {
font-weight: 700;
margin-bottom: 30px;
font-size: 14px;
letter-spacing: 1px;
}
.pullleft h4 {
font-size: 20px;
font-weight: 600;
color: #ad926d;
}
.pullright a{color: #ad926d;padding: 0 3px;}
/**************************************************
M. Contact Page
**************************************************/
/*********************** 1. contact-p Start ***************************/
.con-p1 hr {
max-width: 50px;
margin: 10px auto;
margin-top: 15px;
border-top: 2px solid #ad926d;
}
#p-head.con-p1 h3{
color:#fefefe;
letter-spacing:.5px;
font-weight:500;
}
#contact-p {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.con-p {
max-width: 750px;
margin: 0 auto;
margin-top: 60px;
}
.con-title {
text-align: right;
width: 200px;
margin: 0 auto;
}
.con-title h1 {
font-weight: 700;
color: #4a4a4a;
font-size: 40px;
margin-bottom: 5px;
}
.con-p .form-control {
display: block;
width: 100%;
height: 40px;
padding: 0;
font-size: 14px;
line-height: 1;
color: #000;
background-color: transparent;
background-image: none;
border: 0;
border-radius: 0;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: none;
}
.texta{margin-top:40px;}
.send-btn .btn-default.active.focus, .send-btn .btn-default.active:focus, .send-btn .btn-default.active:hover,
.send-btn .btn-default:active.focus, .send-btn .btn-default:active:focus, .send-btn .btn-default:active:hover,
.send-btn .btn-default {
color: #4a4a4a;
background-color: transparent;
border-color: transparent;
padding: 10px 25px;
border-radius: 0;
outline:0;
position:relative;
}
.send-btn:before {
content: '';
border-top: 1px solid #333;
border-left: 1px solid #333;
top: 1px;
left: 1px;
position: absolute;
width: 20px;
height: 12px;}
.send-btn:after {
content: '';
position: absolute;
width: 20px;
height: 12px;
top: 1px;
right: 1px;
border-top: 1px solid #333;
border-right: 1px solid #333;}
.send-btn .btn-default:before {
content: '';
border-bottom: 1px solid #333;
border-left: 1px solid #333;
bottom: 0;
left: 0;
position: absolute;
width: 20px;
height: 12px;}
.send-btn .btn-default:after {
content: '';
position: absolute;
width: 20px;
height: 12px;
bottom: 0;
right: 0;
border-bottom: 1px solid #333;
border-right: 1px solid #333;}
.send-btn {
display: inline-block;
position: relative;margin-top:30px;
}
.con-map{position:relative;}
.map-txt {
position: relative;
background: rgba(0, 0, 0, 0.9);
color: #fefefe;
}
.c-page{width:100%;height:300px !important;}
.map-txt li {
float:left;
width: 33%;
padding: 30px;
letter-spacing:1px;
}
.icons {
float: left;
margin-right: 15px;
font-size:30px;
color:#ad926d;
}
/*********************** 1. contact-p End ***************************/
/**************************************************
N. Blog Page Two
**************************************************/
.blog-p2{background:#fafafa;margin-TOP:50px;}
.bp2-img{position:relative;}
.bp2-img img{width:100%;}
.bp2-img-txt {
position: absolute;
background: rgba(245, 245, 245, 0.77);
top: 10px;
padding: 5px 15px;
}
.bp2-img-txt h6 {
font-weight: 600;
font-family: 'Droid Serif', serif;
color:#404040;
}
.bpt-txt ul{border-bottom:1px solid #ddd;}
.bpt-txt ul li a{color:#ababab;}
.bpt-txt ul li i{padding:0 5px;}
.bpt-txt ul li:last-child{border:0;}
.bpt-txt ul li{
display:inline-block;
border-right:1px solid #ddd;
padding:8px 18px;
color:#ababab;
}
.bp2-txt2{padding: 25px 0 35px;}
.bp2-txt2 h4{ font-weight: 700;color:#464646;}
.bp2-txt2 p{
max-width: 315px;
margin: 10px auto;
color:#ababab;
}
.bp2-txt2 .btn-default.active.focus, .bp2-txt2 .btn-default.active:focus, .bp2-txt2 .btn-default.active:hover,
.bp2-txt2 .btn-default:active.focus, .bp2-txt2 .btn-default:active:focus, .bp2-txt2 .btn-default:active:hover,
.bp2-txt2 .btn-default {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
padding: 8px 40px;
border-radius: 15px;
outline:0;
margin: 15px 0 0px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid;
border-radius: 50%;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border: 1px solid;
border-radius: 50%;
}
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{padding:2px 9px;}
.pagination>li>a, .pagination>li>span{
border:0;
background:transparent;
color:#c4c4c4;
padding: 0 5px;
margin-left: -1px;
line-height: 20px;
margin: 0 5px;
transition:.7s;
font-size: 18px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover,
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
background:transparent;
outline: 0;
color: #404040;
border-bottom: 1px solid #404040;
}
.pagination{margin:40px 0 0;}
/**************************************************
O. Blog single Page
**************************************************/
.b-single p{margin-top:15px;letter-spacing:.2px;}
.b-single blockquote {
padding: 0px 20px;
margin: 20px 0;
font-size: 16px;
border-left: 1px solid #ad926d;
font-style: italic;
color: #81818f;
font-weight: 400;
letter-spacing: .3px;
}
/*------- tags -------*/
.tags{
color: #575757;
position: relative;
overflow: hidden;
padding: 40px 0;
}
.tag span {
background: #f4f4f4;
padding: 5px 15px;
margin-left: 8px;
color: #4a4a4a;
}
.tags hr {margin: 50px 0 0;}
.tags h5{
font-size: 15px;
font-weight: 800;
}
.tag a {color: #575757;}
.tag{float: left;}
/*------- comments -------*/
#comments h4 {
font-family: 'Droid Serif', serif;
margin: 0 0 40px;
font-size: 16px;
font-weight: 700;
color: #404040;
}
#response {
border-top: 1px solid #eee;
padding-top: 50px;
}
#response .comment-reply-title{margin:0 0 20px;position:relative;}
#response .comment-reply-title:after{
content:'';
width: 100px;
height: 1px;
background: #ab8858;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
}
}
#comment-2,
#comment-1 {list-style: none;}
#comment-1 .comment-author {
float: left;
margin-right: 20px;
}
#comment-1 b.fn {
font-family: 'Droid Serif', serif;
font-size: 15px;
font-weight: 800;
}
#comment-1 .reply a{color:#575757;}
#comment-1 .reply {
float: right;
margin-right:10px;
}
#comment-1 .comment-content p {
margin: 5px 0 0;
display: table;
}
.comment-content {padding-top: 15px;}
#comment-1 .comment-body{
margin-bottom: 30px;
position: relative;
overflow: hidden;
}
#comment-1 ol.children {
padding-left: 50px;
}
#div-comment-3 .comment textarea{
padding:10px;
width:1060px;
background: #fafafa;}
/*------- commentform -------*/
#commentform{color: #5c5c5c;}
#commentform .comment-notes{
color: #5c5c5c;
font-size: 15px;
margin-bottom: 30px;
}
#commentform .form-control{
margin-left: 0;
border: 1px solid #ddd;
border-radius: 0;
padding: 20px 10px;
box-shadow: none;
}
#commentform .comment-form-subject,
#commentform .comment-form-author,
#commentform .comment-form-email{
display:inline-block;
margin-top: 20px;
width: 33%;
}
#commentform .comment-form-comment,
#commentform .comment-form-author,
#commentform .comment-form-email{
color: #5c5c5c;
}
#commentform .form-submit .btn:hover {
background: #ad926d;
color: #ffffff;
}
#commentform .form-submit .btn {
background: #ad926d;
color: #fff;
border-radius: 0;
border: 1px solid #ad926d;
padding: 11px 30px;
margin-top: 20px;
box-shadow: none;
font-size: 14px;
font-weight: 700;
transition: .3s;
outline: 0;
letter-spacing: .5px;
}
/**************************************************
p. Blog Page
**************************************************/
/****************** 1. blog-page Start ******************/
#blog-page {
position: relative;
overflow: hidden;
padding:50px 0 75px;
}
.bb-img img{width:100%;}
.bb-img{margin-bottom:30px;}
.blog-box h3 {
font-family: 'Droid Serif', serif;
font-weight: 700;
color: #4a4a4a;
margin-bottom:10px;
}
.blog-box p a,
.blog-box p{color: #a49c9c;}
.blog-box p span{padding:0 10px;}
p.blog-txt{margin-top:15px;color:#696969;font-size:15px;}
.blog-box {margin-top: 50px;}
.side-widget form.search1 {position: relative;}
.side-widget .search1 input {
width: 100%;
padding: 5px 8px;
height: 40px;
outline: 0;
border: 1px solid #ccc;
position: relative;
text-transform: capitalize;
font-weight: 100;
}
.side-widget h4 {
font-family: 'Droid Serif', serif;
font-weight: 700;
margin-bottom: 15px;
}
.side-widget .search1>.search input {
position: absolute;
top: 0;
right: 0;
background: #ad926d;
color: #fff;
font-size: 18px;
padding: 6px;
width: 60px;
font-family: 'FontAwesome';
}
.side-widget {
border: 5px solid #f2f2f2;
padding: 30px;
margin-top: 30px;
}
.side-widget .cate li {
font-family: 'Droid Serif', serif;
border-bottom: 1px solid #e2e2e2;
padding: 10px 0;
}
.side-widget .cate li a i {
border: 1px solid #ad926d;
border-radius: 50%;
padding:2px 6px;
color: #ad926d;
margin-right: 10px;
}
.side-widget .cate li a:hover {color:#ad926d;}
.side-widget .cate li a {color: #3c3c3c;transition:.5s;}
.side-widget .rblog li a{
font-family: 'Droid Serif', serif;
font-size:13px;
font-weight:600;
color:#ad926d;
margin-bottom:5px;
}
.side-widget .rblog li{
position:relative;
padding-left:15px;
margin-bottom:10px;
}
.side-widget .rblog li:active:before,
.side-widget .rblog li:hover:before{ background: #ad926d;}
.side-widget .rblog li:before{
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #ad926d;
position: absolute;
top: 8px;
left: 0;
background: transparent;
transition: .5s;
}
.sidebar {margin-top: 50px;}
/*********************** 1. blog-page End ***************************/
/**************************************************
Q. Shop Page
**************************************************/
.search1:active .search input,
.search1:hover .search input{ border: 1px solid #ddd;}
.search1{
position: relative;}
.search1 input{
padding:0px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
border-top: 0;
border-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
display: inline-block;
background: transparent;
border: 0;
}
.search1 .search input {
border: 0px solid #ddd;
box-shadow: none;
border-radius: 0;
width: 25px;
}
.search1 .search {
font-family: 'FontAwesome';
border: 0;
background: transparent;
position: absolute;
top: 0;
padding: 0;
right: 0;
color: #ad926d;
}
.sh-widget {
background: #f9f6f2;
margin-bottom: 20px;
padding: 12px 15px;
}
.sh-widget ul{padding: 10px 0;}
.sh-widget li a {
color: #686868;
font-weight: 400;
display: block;
padding: 2px 0;
}
.filter:after {
content: '';
border-radius: 100%;
border: 1px solid #ad926d;
position: absolute;
width: 16px;
height: 16px;
margin: 0 auto;
left: 0;
right: 0;
top: -6px;
}
.filter:before {
content: '\f111';
font: normal normal normal 11px/1 FontAwesome;
position: absolute;
text-align: center;
left: 0;
right: 0;
top: -3px;
color: #ad926d;
}
.filter {
position:relative;
width: 100%;
height: 5px;
background: #dadada;
margin: 26px 0 8px;
}
.sh-widget p{font-weight:800;color:#ad926d;}
.sh-widget hr {
margin: 5px 0;
}
.sh-widget h5 {
font-weight: 800;
margin-top: 10px;
color: #333;
}
.search1 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #bababa;
}
.search1 ::-moz-placeholder { /* Firefox 19+ */
color: #bababa;
}
.search1 :-ms-input-placeholder { /* IE 10+ */
color: #bababa;
}
.search1 :-moz-placeholder { /* Firefox 18- */
color: #bababa;
}
.sel-img {float: left;}
.sel-txt ul li{display:inline-block;font-size:12px;}
.sel-txt del {
padding-left: 15px;
color:#606060;
}
.sel-txt h5{font-weight:600;}
.sel-txt h5,
.sel-txt ul,
.sel-txt p {
margin:0 !important;
padding:0 !important;
line-height: 22px!important;
}
.sel-txt p{font-size:13px;}
.sel-txt {
display: table;
padding-left: 20px;
}
.sel-txt ul li:nth-child(1),
.sel-txt ul li:nth-child(2),
.sel-txt ul li:nth-child(3){color:#ad926d;}
.seller {
position: relative;
overflow: hidden;
padding-bottom: 15px;
}
.nav-tabss li {
display: inline-block;
margin-right:5px;
}
.shop-details select {
float: right;
padding: 4px 0px;
width: 150px;
background: #f9f6f2;
border: 1px solid #404040;
}
.shop-details {
background: #f9f6f2;
padding: 10px;
font-size: 15px;
color: #404040;
}
.nav-tabss>li.active>a, .nav-tabss>li.active>a:focus, .nav-tabss>li.active>a:hover,
.nav-tabss li a:focus,.nav-tabss li a:hover{
text-decoration: none;
background-color: #ad926d;
color:#fff;
}
.nav-tabss li a {
padding: 0 6px;
color: #ad926d;
border: 1px solid #ad926d;
transition:.7s;
font-size: 13px;
}
.tabc-img img{width:100%;}
.tabc2 ul li,
.tabc-txt ul li{
display:inline-block;
font-size:12px;
padding:0;
}
.tabc-txt h4 {
font-size: 15px;
font-weight: 600;
color: #504f4f;
line-height:16px;
font-family: 'Droid Serif', serif;
}
.tabc2 ul li:nth-child(1),
.tabc2 ul li:nth-child(2),
.tabc2 ul li:nth-child(3),
.tabc-txt ul li:nth-child(1),
.tabc-txt ul li:nth-child(2),
.tabc-txt ul li:nth-child(3){color:#ad926d;}
.tabc2 del,
.tabc-txt del {
padding-left: 15px;
color:#606060;
font-size:15px;
}
.tabc2 p,
.tabc-txt p{font-size:18px;color:#ad926d;font-weight:700;}
.tabc-img {
position: relative;
margin:20px 0;
}
.tabc-overtxt p{margin:10px 0;}
.tabc-overtxt {
display: table-cell;
vertical-align: middle;
}
.tabc-over {
position: relative;
display: table;
width: 100%;
height: 100%;
}
.tabc-hover {
position: absolute;
text-align: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(41, 46, 49, .8);
transition:.7s;
opacity:0;
}
.tabc-box{margin-bottom:20px;}
.tabc-box:hover .btn-default,
.tabc-box:hover .btn-primary{
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.tabc-box:hover .tabc-hover{opacity:1;}
.tabc-box .btn-primary,
.tabc-box .btn-primary:hover {
color: #fff;
background-color: #ad926d;
border-color: #ad926d;
font-weight:700;
-webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
transition: opacity 0.95s, transform 0.95s;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0);
}
.tabc-box .btn-default,
.tabc-box .btn-default:hover {
color: #333;
background-color: #ffffff;
border-color: #ffffff;
font-weight:700;/*
-webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
transition: opacity 0.95s, transform 0.95s;
-webkit-transform: translate3d(0px,-50px,0);
transform: translate3d(0px,-50px,0); */
}
.tabc2-txt h4 {font-weight: 700;}
.tabc2-txt {
display: table;
padding-left: 30px;
margin-top: 15px;
}
.tabc2-img {float: left;}
.tabc2-txt h4{
font-family: 'Droid Serif', serif;
font-size: 18px;
font-weight: 700;
color: #333;
margin-bottom:2px;
}
.tabc2 li{display:inline-block;padding-right:15px;}
p.des{
max-width: 535px;
margin: 7px 0 15px;
letter-spacing: 0.2px;
font-weight: 300;
}
.tabc2-txt .btn-default{
box-shadow: none;
padding: 6px 25px;
border-radius: 0;
margin-top: 10px;
background-color: transparent;
}
.tabc2-txt .btn-default.focus,
.tabc2-txt .btn-default:focus,
.tabc2-txt .btn-default.active.focus,
.tabc2-txt .btn-default.active:focus,
.tabc2-txt .btn-default.active:hover,
.tabc2-txt .btn-default:active.focus,
.tabc2-txt .btn-default:active:focus,
.tabc2-txt .btn-default:active:hover,
.tabc2-txt .btn-default:hover {
color: #333;
background-color: transparent;
border-color: #adadad;
outline:0;
}
.tabc2-box {
position: relative;
background: #f9f6f2;
overflow: hidden;
padding: 20px 30px;
margin-top: 20px;
}
.shop {
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
/**************************************************
R. One Page
**************************************************/
/****************** 1.op-headtop Start ***********************/
.headtop1 li {
float: left;
display: inline-block;
padding-left:30px;
}
.headtop1 li a {
background: #ffc34f;
color: #fff;
padding: 9px 25px;
line-height: 45px;
}
.headtop1 li a i {
font-size: 14px;
border-right: 1px solid #fff;
margin-right: 8px;
color: #fff;
}
.headtop1 li i {
font-size: 36px;
border-right: 1px solid #ddd;
padding-right: 8px;
/* line-height: 30px; */
color: #333;
}
.headtop1 li p {
display: inline-block;
padding-left: 15px;
line-height: 20px;
font-size: 14px;
}
#op-headtop {
padding: 15px 0 10px;
}
/****************** 1.op-headtop End ********************/
/****************** 2.main-menu1 Start ********************/
#main-menu1 {background: #333;}
#main-menu1 nav.navbar.bootsnav {
margin-bottom: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
background-color: #333;
border: none;
border-bottom: 0;
z-index: 9;
}
#main-menu1 nav.navbar.bootsnav ul.nav > li > a:hover {background:#ffc34f;}
#main-menu1 nav.navbar.bootsnav ul.nav > li > a {
padding:20px;
font-weight: 600;
color:#fff;
margin-bottom: 0;
transition:.7s;
}
#main-menu1 .navbar-form:active input.form-control,
#main-menu1 .navbar-form:hover input.form-control{
border: 1px solid #ddd;
background:transparent;
}
#main-menu1 .navbar-form{
position:relative;
padding: 0 20px;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
border-top: 0;
border-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
display:inline-block;
transition:.5s ease-in-out;
}
#main-menu1 input.form-control {
border: 0px solid #ddd;
box-shadow: none;
border-radius: 0;
width: 130px !important;
height: 35px;
padding: 6px;
transition:.5s ease-in-out;
background: transparent;
color:#fff;
}
#main-menu1 .form-group input {
font-family: 'FontAwesome';
border: 0;
background: transparent;
position: absolute;
top: 3px;
padding: 3px;
right: 30px;
color: #fff;
}
/****************** 2.main-menu1 End ********************/
/****************** 3.about-op Start ********************/
#about-op{
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
/****************** 3.about-op End ********************/
/****************** 4.staff Start ********************/
#staff{
position:relative;
background:url(../../images/one-page/bg1.jpg)no-repeat center/cover;
letter-spacing:1px;
}
.staff{ padding:95px 0 75px 55px;}
.overlay-s{
position:absolute;
background: rgba(0, 0, 0, 0.9);
width: 100%;
height: 100%;
}
.staff-top{
position:relative;
color:#fefefe;
}
.s-box{margin-top:50px;}
.staff-top h3 span{font-weight:600;}
.staff-top h3 {
font-weight: 300;
line-height: 32px;
font-size: 22px;
}
.staff-img {
width: 130px;
height: 130px;
border-radius: 100%;
margin: 10px auto;
position:relative;
overflow:hidden;
}
.staff-img img {width: 100%;}
.staff-txt h5 {color:#acacac;font-weight:300;}
.staff-txt h4 {
max-width: 150px;
margin: 0 auto;
color: #fefefe;
font-size:16px;
transition:.7s;
}
.staff-box:hover h4{color:#ffc34f;}
.staff-box:hover ul{opacity:1;}
.staff-box:hover .sb-over{opacity:1;}
.staff-box{
position:relative;
overflow:hidden;}
.staff-txt {margin-top: 25px;}
.sb-over ul{
opacity:0;
transition:.5s;
background: rgba(255, 214, 88, 0.65);border-radius: 25%;}
.sb-over .over-txt {
display: table-cell;
vertical-align: middle;
}
.sb-over {
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.5);
display: table;
width: 100%;
height: 100%;
border-radius: 100%;
opacity:0;
transition:.5s;
}
.sb-over ul li a{color:#fff;}
.sb-over ul li {
display: inline-block;
padding: 5px 10px;
}
li.sbox {
display: inline-block;
width: 210px;
margin: 0 auto;
margin-bottom:20px;
}
/****************** 4.staff End ********************/
/****************** 5.practice Start ********************/
#practice {
position: relative;
overflow: hidden;
padding: 95px 0 0;
}
.practice{
padding-top:75px;
margin-top:50px;
background:#eee;
}
.op-title{letter-spacing: 1px;}
.op-title hr.hr:before{
content:'';
position:absolute;
width: 50px;
height: 1px;
background: #ffd658;
left: 0;
top: -2px;
}
.op-title hr.hr {
max-width: 300px;
border-color: #ddd;
margin: 0 auto;
margin-top: 30px;
position:relative;
}
.op-title h4 {
color: #222;
font-size: 22px;
font-weight: 800;
letter-spacing: 1px;
}
.op-title h6 {
font-family: 'Droid Serif', serif;
color: #333;
font-style: italic;
line-height: 18px;
font-size:11px;
}
.po {margin-bottom:50px;}
.po-icon {
float: left;
width: 60px;
height: 60px;
border:3px solid #adafb2;
border-radius: 50%;
text-align: center;
line-height: 55px;
font-size: 30px;
color: #ffd658;
transition:.7s;
}
.po-txt {display: table;padding-left: 25px;}
.po-txt h5 {
letter-spacing: 1px;
color: #4a4a4a;
font-weight: 700;
font-size: 16px;
margin: 0 0 10px;
transition:.7s;
}
.po-button{margin:20px 0 50px;}
.po-button .btn-primary.active.focus,
.po-button .btn-primary.active:focus,
.po-button .btn-primary.active:hover,
.po-button .btn-primary:active.focus,
.po-button .btn-primary:active:focus,
.po-button .btn-primary:active:hover,
.po-button .btn-primary{
color: #222;
background-color: #ffc34f;
border-color: #ffc34f;
font-weight: 700;
outline:0;
border-radius:0;
padding:6px 30px;
}
/****************** 5.practice End ********************/
/****************** 6.con-team Start ********************/
#con-team{
position:relative;
overflow:hidden;
padding:95px 0 75px ;
}
#accordion3 .panel i.indicator {
padding: 6px 0;
position: absolute;
left: 0;
right:auto;
top: 0;
bottom: 0;
}
#accordion3 .panel.panel-default:last-child,
#accordion3 .panel.panel-default:first-child{border:0;}
#accordion3 .panel-default>.panel-heading {
color: #333;
background-color: transparent;
border-color: #ddd;
border: 1px solid #ddd;
padding: 6px 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#accordion3 {margin-top: 40px;}
#accordion3 .panel-title{font-size:14px;}
#accordion3 .panel-title>a .glyphicon {padding-right:10px;}
#accordion3 .panel-title>a {
color: rgba(51, 51, 51, 1.00);
}
#accordion3 .panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: transparent;
background: #ebeff4;
margin-top: 15px;
}
.con-team1.op-title hr.hr {max-width: 100%;}
.con-tab .nav-tabs.nav>li>a:focus, .con-tab .nav-tabs.nav>li>a:hover {
text-decoration: none;
background-color: #ffc34f;
color: #555;
border-color: #ffc34f;
}
.con-tab .nav-tabs>li.active>a, .con-tab .nav-tabs>li.active>a:focus, .con-tab .nav-tabs>li.active>a:hover {
color: #555;
cursor: default;
background-color: #ffc34f;
border: 1px solid #ffc34f;
border-bottom-color: #ffc34f;
transition: .7s;
}
.con-tab .nav-tabs{margin-right: 0px;}
.con-tab .nav-tabs>li{float:left;width:185px;}
.con-tab .nav-tabs>li>a {
padding: 5px 0px;
margin-right: 0px;
line-height: 1.42857143;
border: 1px solid #ddd;
border-radius: 0;
background: transparent;
color: #5b5b5b;
transition: .7s;
font-size: 13px;
font-weight: 600;
line-height: 24px;
font-family: 'Source Sans Pro', sans-serif;
text-align: center;
border-right: 1px solid #ddd;
}
.con-txt {
display: table;
margin-bottom: 20px;
}
.con-img {
float: left;
margin-right: 25px;
}
.con-tab{font-size:13px;margin-top: 44px;}
/****************** 6.con-team End ********************/
/****************** 7.service-op Start ********************/
#service-op{
background:url(../../images/one-page/bg2.jpg)no-repeat center/cover;
position:relative;
overflow:hidden;
padding:95px 0 35px;
margin-bottom:75px;
}
.sop-over {
position: absolute;
background:rgba(27, 8, 34, 0.3);
top: 0;
width: 100%;
height: 100%;
}
.op-title.sop{ position: relative;}
.op-title.sop hr,
.op-title.sop h4 ,
.op-title.sop h6 {color: #fff;}
.sop-txt h4 {
font-size: 15px;
font-weight: 600;
color: #f5f5f5;
letter-spacing: 1px;
}
.sop-txt hr {
max-width: 70px;
margin: 8px auto;margin-bottom:3px;}
.sop-txt h1 {
font-weight: 700;
color: #ffc34f;
display: initial;
letter-spacing: 1px;
}
.sop-icon {
text-align: right;
font-size: 26px;
color: #ffc34f;
margin-bottom:15px;
}
.sop-box {
text-align: center;
background:rgba(50, 50, 50, 0.4);
padding: 25px 30px 35px;
position: relative;
border-radius:10px;
max-width: 260px;
margin: 0 auto;
margin-bottom:30px;
}
.op-contact,
.latest-n-op,
.service-op{margin-top:70px;}
/****************** 7.service-op End ********************/
/****************** 8.latest-n-op Start ********************/
#latest-n-op{
background:url(../../images/one-page/bg4.jpg)no-repeat;
position:relative;
overflow:hidden;
padding:5px 0 0px;
background-size: cover;
}
.op-testimg img,
.latest-img img{width: 100%;}
.latest-img {
display: inline-block;
width: 85px;
margin-right: 15px;
}
.latest-txt p strong{color:#333;letter-spacing: 1px;}
.latest-txt {display: inline-block;}
.latest-box p {margin: 15px 0;}
.latest-box h3 {
font-size: 22px;
letter-spacing: 1px;
font-weight: 700;
color: rgba(41, 46, 49, 1.00);
}
.latest-box h5 {
color: #ffc34f;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 5px;
}
.latest-box:after{
content:'';
position:absolute;
border: 0;
right: 0;
top: 0;
height: 100%;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #ffc34f,#ffc34f, rgba(0, 0, 0, 0));
width: 1px;
}
.latest-box {
background: rgba(254, 254, 254, 0.55);
padding: 30px;
position:relative;
margin-bottom:30px;
}
.ln-btn{margin-top:30px;}
.no-padding:not(:nth-child(1)) .latest-box:after{content:'';width: 0px;}
.no-padding:not(:nth-child(2)) .latest-box:after{content:'';width: 0px;}
.no-padding:not(:nth-child(3)) .latest-box:after{content:'';width: 1px;}
/****************** 8.latest-n-op End ********************/
/****************** 9.op-testimonial Start ********************/
#op-testimonial{
background:url(../../images/one-page/bg3.jpg)no-repeat;
position:relative;
overflow:hidden;
padding:95px 0 75px ;
background-size: cover;
}
.op-testimg{
width:70px;
height:70px;
margin:0 auto;
margin-bottom:15px
}
.op-test h3 {
font-weight: 800;
letter-spacing: 1px;
color: #fefefe;
}
.op-test{margin-bottom:40px;position:relative;}
.op-testi h5{ font-weight: 800!important;}
.op-testi{position:relative;color: #ccc;}
.op-testi h5,
.op-test h6 {
color: #ffc34f;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
}
.op-over {
position: absolute;
background: rgba(0, 0, 0, 0.9);
top: 0;
width: 100%;
height: 100%;
}
.op-testi p {
max-width: 945px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
margin-top: 15px;
letter-spacing: .9px;
}
#op-test .owl-nav.disabled+.owl-dots {margin-top: 30px;}
#op-test .owl-dots .owl-dot.active span,
#op-test .owl-dots .owl-dot:hover span {
background: #ffc34f;
width: 8px;
height: 8px;
border:2px solid #ffc34f;
}
#op-test .owl-dots .owl-dot span {
width: 8px;
height: 8px;
margin:3px;
background: #D6D6D6;
border:1px solid transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
/****************** 9.op-testimonial End ********************/
/****************** 10.op-contact Start ********************/
#op-contact{
padding:95px 0 75px ;
}
.opinion h2 span,
.op-left h2 span {
font-weight: 800;
}
.opinion h2,
.op-left h2 {
font-weight: 300;
color: #222;
line-height: 32px;
letter-spacing:1px;
}
.op-left p {
letter-spacing: 1px;
margin-top: 15px;
}
.op-cont{margin-top:20px;}
.op-left1 ul>li {
position: relative;
letter-spacing: .5px;
padding:2px 0 2px 25px;
}
.op-left1 ul>li i {
color: #333;
position: absolute;
left: 0;
top: 12px;
}
.op-left1 h6 {
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 10px;
color: #333;
}
.opinion {
background: #fefefe;
box-shadow: 1px 1px 20px #ddd;
padding: 30px;
position: relative;
}
.opinion h2 {
margin-bottom: 15px;
}
.opn-img img{
width: 245px;
height: 360px;}
.opn-img {
position: absolute;
right: -60px;
top: -30px;
opacity: .6;
}
.opn .panel-body {
padding: 5px 0;
}
.opn textarea,
.opn input {
width: 100%;
padding: 5px 8px;
border: 1px solid #ccc;
font-weight: 300;
font-size: 12px;
outline:0;
}
.opn .btn-default.active.focus,
.opn .btn-default.active:focus,
.opn .btn-default.active:hover,
.opn .btn-default:active.focus,
.opn .btn-default:active:focus,
.opn .btn-default:active:hover,
.opn .btn-default {
color: #333;
background-color: #ffc34f;
border-color: #ffc34f;
padding: 7px 25px;
border-radius: 0;
outline: 0;
font-weight: 700;
letter-spacing: 1px;
font-size:13px;
}
.op-footer {
position: relative;
padding: 15px 0;
background: -webkit-linear-gradient(to right, transparent 30%,#3a3a37 0%);
background: -webkit-linear-gradient(left,transparent ,transparent 30%,#3a3a37 0%);
background: -moz-linear-gradient(left,transparent ,transparent 30%,#3a3a37 0%);
background: -o-linear-gradient(left,transparent ,transparent 30%,#3a3a37 0%);
background: linear-gradient(to right, transparent 30%,#3a3a37 0%);
}
.opf-left .f1-logo{margin-bottom:5px;}
.opf-left{float:left;}
.opf-left ul li a{color:#333;}
.opf-left ul li{
display:inline-block;
padding-right: 10px;
}
.opf-right p{color:#ccc;}
.opf-right {
margin-top: 20px;
}
.opf-right .scroll-top {
background: #ffc34f;}
.opf-right .scroll-to-top {
top: 25px;
border: 1px solid #ffc34f;
}
/****************** 10.op-contact End ********************/
#error-txt{
position: relative;
overflow: hidden;
padding: 95px 0 75px ;
}
.error-txt h1{
font-size: 100px;
font-weight: 700;
color: #ad926d;
line-height: 100px;
font-family: 'Droid Serif', serif;
}
.error-txt h2{
font-family: 'Droid Serif', serif;
font-size: 40px;
line-height: 40px;
color: #393939;
font-weight: 700;
margin: 10px 0;
}
.error-txt h4{
color: #818181;
}
/****************** Thank You ********************/
#spinningSquaresG2{
position:absolute;
left: 50%;
top: 50%;
margin-top: -59px;
margin-left: -59px;
}
#spinningSquaresG1{
background-color: rgba(0, 0, 0, 0.98);
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
z-index:10;
}
#inTurnBlurringTextG{
position:relative;
width:215px;
margin:auto;
}
.inTurnBlurringTextG{
color:transparent;
font-family: 'Droid Serif', serif;
font-size:40px;
font-weight:800;
letter-spacing:1px;
text-decoration:none;
font-style:normal;
z-index:11;
float:left;
text-shadow: #ad926d 0 0 0;
animation-name:bounce_inTurnBlurringTextG;
-o-animation-name:bounce_inTurnBlurringTextG;
-ms-animation-name:bounce_inTurnBlurringTextG;
-webkit-animation-name:bounce_inTurnBlurringTextG;
-moz-animation-name:bounce_inTurnBlurringTextG;
animation-duration:2.09s;
-o-animation-duration:2.09s;
-ms-animation-duration:2.09s;
-webkit-animation-duration:2.09s;
-moz-animation-duration:2.09s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#inTurnBlurringTextG_1{
animation-delay:0.75s;
-o-animation-delay:0.75s;
-ms-animation-delay:0.75s;
-webkit-animation-delay:0.75s;
-moz-animation-delay:0.75s;
}
#inTurnBlurringTextG_2{
animation-delay:0.9s;
-o-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-moz-animation-delay:0.9s;
}
#inTurnBlurringTextG_3{
animation-delay:1.05s;
-o-animation-delay:1.05s;
-ms-animation-delay:1.05s;
-webkit-animation-delay:1.05s;
-moz-animation-delay:1.05s;
}
#inTurnBlurringTextG_4{
animation-delay:1.2s;
-o-animation-delay:1.2s;
-ms-animation-delay:1.2s;
-webkit-animation-delay:1.2s;
-moz-animation-delay:1.2s;
}
#inTurnBlurringTextG_5{
animation-delay:1.35s;
-o-animation-delay:1.35s;
-ms-animation-delay:1.35s;
-webkit-animation-delay:1.35s;
-moz-animation-delay:1.35s;
}
#inTurnBlurringTextG_6{
animation-delay:1.5s;
-o-animation-delay:1.5s;
-ms-animation-delay:1.5s;
-webkit-animation-delay:1.5s;
-moz-animation-delay:1.5s;
}
#inTurnBlurringTextG_7{
animation-delay:1.64s;
-o-animation-delay:1.64s;
-ms-animation-delay:1.64s;
-webkit-animation-delay:1.64s;
-moz-animation-delay:1.64s;
}
#inTurnBlurringTextG_8{
animation-delay:1.79s;
-o-animation-delay:1.79s;
-ms-animation-delay:1.79s;
-webkit-animation-delay:1.79s;
-moz-animation-delay:1.79s;
}
#inTurnBlurringTextG_9{
animation-delay:1.94s;
-o-animation-delay:1.94s;
-ms-animation-delay:1.94s;
-webkit-animation-delay:1.94s;
-moz-animation-delay:1.94s;
}
@keyframes bounce_inTurnBlurringTextG{
0%{
text-shadow: #ad926d 0 0 0;
}
100%{
text-shadow: rgb(255,255,255) 0 0 19px;
}
}
@-o-keyframes bounce_inTurnBlurringTextG{
0%{
text-shadow: #ad926d 0 0 0;
}
100%{
text-shadow: rgb(255,255,255) 0 0 19px;
}
}
@-ms-keyframes bounce_inTurnBlurringTextG{
0%{
text-shadow: #ad926d 0 0 0;
}
100%{
text-shadow: rgb(255,255,255) 0 0 19px;
}
}
/*
@-webkit-keyframes bounce_inTurnBlurringTextG{
0%{
text-shadow: rgb(0,0,0) 0 0 0;
}
100%{
text-shadow: rgb(255,255,255) 0 0 19px;
}
} */
@-moz-keyframes bounce_inTurnBlurringTextG{
0%{
text-shadow: #ad926d 0 0 0;
}
100%{
text-shadow: rgb(255,255,255) 0 0 19px;
}
}