/* Uricko Law HTML-5 Template HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Banner Section
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
**********************************************/
/*
font-family: 'Cinzel', serif;
font-family: 'Poppins', sans-serif
*/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.mCustomScrollbar.min.css');
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
/*font-family: 'Poppins', sans-serif;*/
font-size: 14px;
color: #777777;
line-height: 1.7em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
.bordered-layout .page-wrapper {
padding: 0px 50px 0px;
}
a {
text-decoration: none;
cursor: pointer;
color: #c2b334;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
button,
a:hover, a:focus, a:visited {
text-decoration: none;
outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
/*font-family: 'Cinzel', serif;*/
}
input, button, select, textarea {
}
textarea {
overflow: hidden;
}
p {
position: relative;
line-height: 1.8em;
font-size: 16px;
}
/* Typography */
h1 {
position: relative;
font-size: 60px;
font-weight: 700;
line-height: 1.1em;
}
h2 {
position: relative;
font-size: 50px;
font-weight: 700;
line-height: 1.1em;
}
h3 {
position: relative;
font-weight: 700;
font-size: 40px;
line-height: 1.1em;
}
h4 {
position: relative;
font-size: 28px;
font-weight: 700;
line-height: 1.4em;
}
h5 {
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.3em;
}
h6 {
font-size: 18px;
}
.auto-container {
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.medium-container {
max-width: 850px;
}
.page-wrapper {
position: relative;
margin: 0 auto;
width: 100%;
min-width: 300px;
}
ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
}
.theme-btn {
cursor: pointer;
display: inline-block;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.centered {
text-align: center;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.back-to-top {
position: fixed;
right: 1.5%;
bottom: -7.5%;
height: 15px;
cursor: pointer;
width: 40px;
padding: 3px 5px;
font-size: 10px;
font-weight: bold;
color: transparent;
text-align: center;
z-index: 3;
visibility: hidden;
outline: 0 !important;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: #434343;
}
.back-to-top::before, .back-to-top::after {
content: '';
position: absolute;
left: 0;
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 0;
}
.back-to-top::before {
top: -20px;
z-index: 4;
border-bottom: 20px solid #434343;
}
.back-to-top::after {
bottom: 0;
z-index: 5;
border-bottom: 20px solid #1a572d !important;
}
.back-to-top:hover, .back-to-top:focus {
opacity: 1;
text-decoration: none;
height: 40px;
color: #ffffff;
}
.back-to-top.show-back-to-top {
display: block;
bottom: 1.25%;
left: 1.5%;
visibility: visible;
}
/* List Style One */
.list-style-one {
position: relative;
}
.list-style-one li {
position: relative;
color: #ffffff;
font-size: 14px;
padding-left: 30px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 12px;
}
.list-style-one li .icon {
position: absolute;
left: 0px;
top: 5px;
color: #ffffff;
font-size: 15px;
line-height: 1em;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/* List Style Two */
.list-style-two {
position: relative;
}
.list-style-two li {
position: relative;
color: #0f1954;
font-size: 18px;
padding-left: 25px;
font-weight: 600;
line-height: 1.6em;
margin-bottom: 15px;
}
.list-style-two li:before {
position: absolute;
content: '\f0da';
left: 0px;
top: 0px;
font-weight: 400;
color: #c2b334;
font-size: 20px;
font-family: 'FontAwesome';
}
/*Btn Style One*/
.btn-style-one {
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #ffffff;
padding: 12px 40px;
font-weight: 600;
overflow: hidden;
border-radius: 50px;
overflow: hidden;
text-transform: uppercase;
background-color: #1a572d !important;
}
.btn-style-one:before {
position: absolute;
content: '';
left: 110%;
top: 0px;
width: 120%;
height: 100%;
z-index: 1;
opacity: 1;
background-color: #0f1954;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transform: skewX(-25deg);
}
.btn-style-one .txt {
position: relative;
z-index: 1;
}
.btn-style-one:hover::before {
left: 0%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-one:hover {
color: #ffffff;
}
/* Btn Style Two */
.btn-style-two {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 12px 40px;
font-weight: 600;
overflow: hidden;
border-radius: 3px;
overflow: hidden;
text-transform: capitalize;
background-color: #c2b334;
}
.btn-style-two:before {
position: absolute;
content: '';
left: 92%;
top: 0px;
width: 110%;
height: 100%;
z-index: 1;
opacity: 1;
background-color: #0f1954;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transform: skewX(-25deg);
}
.btn-style-two .txt {
position: relative;
z-index: 1;
}
.btn-style-two:hover::before {
left: 0%;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover {
color: #ffffff;
}
/* Btn Style Three */
.btn-style-three {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 13px 44px;
font-weight: 500;
overflow: hidden;
border-radius: 50px;
overflow: hidden;
text-transform: uppercase;
border: 1px solid #c2b334;
}
.btn-style-three:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background: #c2b334;
}
.btn-style-three .txt {
position: relative;
z-index: 1;
}
.btn-style-three:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover {
color: #ffffff;
}
/* Social Icon One */
.social-icon-one {
position: relative;
display: block;
}
.social-icon-one li {
position: relative;
margin-right: 15px;
display: inline-block;
}
.social-icon-one li:last-child {
margin-right: 0;
}
.social-icon-one li a {
position: relative;
display: block;
font-size: 20px;
line-height: 24px;
color: #ffffff;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover {
color: #c2b334;
}
/* Social Icon Two */
.social-icon-two {
position: relative;
display: block;
}
.social-icon-two li {
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 4px;
}
.social-icon-two li:last-child {
margin-right: 0;
}
.social-icon-two li a {
position: relative;
font-size: 16px;
color: #c2b334;
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
display: inline-block;
border: 2px solid #c2b334;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-two li a:hover {
color: #ffffff;
background-color: #c2b334;
}
.theme_color {
color: #c2b334;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/image2vector.svg);
background-size: 100px;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title {
position: relative;
margin-bottom: 40px;
}
.sec-title .icon {
position: relative;
color: #c2b334;
font-size: 66px;
display: block;
line-height: 1em;
margin-bottom: 20px !important;
}
.sec-title h2 {
color: #1d1d1d;
}
.sec-title .text {
position: relative;
color: #555555;
font-weight: 400;
line-height: 1.7em;
margin-top: 18px;
font-size: 18px;
}
.sec-title.light .text,
.sec-title.light h2 {
color: #ffffff;
}
.sec-title.centered {
text-align: center !important;
}
.sec-title.centered .icon {
margin: 0 auto;
}
/***
====================================================================
Section Title Two
====================================================================
***/
.sec-title-two {
position: relative;
margin-bottom: 50px;
}
.sec-title-two h2 {
color: #1d1d1d;
margin-bottom: 25px;
padding-bottom: 20px;
}
.sec-title-two h2:before {
position: absolute;
content: '';
right: 100%;
bottom: 0px;
height: 1px;
width: 200%;
margin-right: -45px;
background-color: #222222;
}
.sec-title-two .text {
position: relative;
color: #555555;
font-weight: 400;
line-height: 1.7em;
font-size: 18px;
}
.sec-title-two.light .text,
.sec-title-two.light h2 {
color: #ffffff;
}
.sec-title-two.light h2:before {
background-color: #ffffff;
}
.sec-title-two.centered {
text-align: center !important;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: relative;
z-index: 99;
width: 100%;
}
/* Header Top */
.main-header .header-top {
position: relative;
}
.main-header .header-top .inner-container {
position: relative;
padding: 12px 0px;
margin-left: 255px;
border-bottom: 1px solid #ececec;
}
.main-header .header-top .top-left {
position: relative;
float: left;
padding: 8px 0px;
}
.main-header .header-top .info-list {
position: relative;
}
.main-header .header-top .info-list li {
position: relative;
color: #666666;
font-size: 15px;
margin-right: 30px;
padding-left: 25px;
display: inline-block;
}
.main-header .header-top .info-list li:last-child {
margin-right: 0px;
}
.main-header .header-top .info-list li .icon {
position: absolute;
left: 0px;
top: 0px;
color: #1a572d !important;
}
.main-header .header-top .info-list li a {
position: relative;
color: #666666;
font-weight: 600;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top .info-list li a:hover {
color: #c2b334;
}
.main-header .header-top .social-box {
position: relative;
}
.main-header .header-top .social-box li {
position: relative;
margin-left: 5px;
display: inline-block;
}
.main-header .header-top .social-box li a {
position: relative;
width: 40px;
height: 40px;
color: #222222;
line-height: 40px;
text-align: center;
border-radius: 50px;
display: inline-block;
background-color: #f2f2f2;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-top .social-box li a:hover {
color: #ffffff;
background-color: #c2b334;
}
.main-header .main-box {
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 100%;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .main-box .outer-container {
position: relative;
padding: 0px 40px;
}
.main-header .main-box .logo-box {
position: relative;
float: left;
left: 0px;
z-index: 10;
padding: 30px 0px;
}
.main-header .main-box .logo-box .logo img {
display: inline-block;
max-width: 100%;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .header-upper {
position: relative;
}
.main-header .header-upper .auto-container {
max-width: 1200px;
}
.main-header .header-upper .upper-right {
position: relative;
padding-top: 22px;
}
.main-header .header-upper .inner-container {
position: relative;
background-color: #ffffff;
}
.main-header .nav-outer {
position: static;
float: right;
}
.main-header .header-upper .logo-box {
position: absolute;
left: 0px;
padding: 0px 0px;
z-index: 1;
margin-top: -65px;
/*background-color:#002663;*/
}
.main-header .header-upper .logo-box:before {
position: absolute;
content: '';
left: 25px;
bottom: -5px;
right: 25px;
height: 6px;
background-color: #ffffff !important;
}
.main-header .header-upper .logo-box .logo {
position: relative;
padding: 5px 0px;
}
.main-header .outer-box {
position: relative;
float: right;
margin-left: 30px;
padding: 23px 0px 16px;
}
.main-header .cart-box {
position: relative;
float: left;
color: #c2b334;
font-size: 14px;
background: none;
margin-top: 16px;
display: inline-block;
}
.main-header .cart-box .cart-box-btn {
background: none;
color: #ffffff;
cursor: pointer;
font-size: 34px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-box .cart-box-btn:after {
display: none;
}
.main-header .cart-box .cart-box-btn .total-cart {
position: absolute;
right: -8px;
top: -8px;
width: 18px;
height: 18px;
color: #ffffff;
font-weight: 700;
font-size: 10px;
border-radius: 50%;
text-align: center;
line-height: 18px;
background-color: #222222;
}
.main-header .cart-box .cart-box-btn:hover {
}
.main-header .cart-product {
position: relative;
margin-bottom: 18px;
min-height: 90px;
border-bottom: 1px solid #e4e4e4;
}
.main-header .cart-product .inner {
position: relative;
padding-left: 90px;
min-height: 70px;
}
.main-header .cart-product .inner .cross-icon {
position: absolute;
right: 0px;
top: -2px;
z-index: 1;
color: #263120;
font-size: 16px;
cursor: pointer;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .cart-product .inner .cross-icon:hover {
color: #c2b334;
}
.main-header .cart-product .inner .image {
position: absolute;
width: 70px;
height: 70px;
left: 0px;
top: 0px;
}
.main-header .cart-product .inner h3 {
position: relative;
font-weight: 600;
font-size: 15px;
margin: 0px;
letter-spacing: 1px;
text-transform: capitalize;
}
.main-header .cart-product .inner h3 a {
color: #222222;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-product .inner h3 a:hover {
color: #c2b334;
}
.main-header .cart-product .inner .quantity-text {
position: relative;
font-weight: 300;
color: #666666;
font-size: 13px;
margin-bottom: 0px;
}
.main-header .cart-product .inner .price {
position: relative;
font-weight: 700;
font-size: 16px;
margin: 0px;
color: #222222;
}
.main-header .cart-box .cart-panel {
left: auto !important;
right: 0px !important;
border-radius: 20px;
padding: 20px 20px;
min-width: 300px;
margin-top: 59px;
z-index: -1;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
border: 3px solid #c2b334;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .cart-box .cart-panel .cart-total {
color: #000000;
font-size: 15px;
font-weight: 400;
text-align: center;
text-transform: capitalize;
}
.main-header .cart-box .cart-panel .cart-total span {
font-weight: 800;
font-size: 18px;
}
.main-header .cart-box .cart-panel .btns-boxed {
position: relative;
text-align: center;
margin-top: 20px;
}
.main-header .cart-box .cart-panel .btns-boxed li {
position: relative;
margin: 0px 5px;
display: inline-block;
}
.main-header .cart-box .cart-panel .btns-boxed li a {
position: relative;
color: #ffffff;
font-weight: 500;
font-size: 12px;
padding: 10px 20px 8px;
border-radius: 2px;
display: inline-block;
background-color: #c2b334;
border: 1px solid #c2b334;
text-transform: uppercase;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .cart-box .cart-panel .btns-boxed li a:hover {
color: #c2b334;
background: none;
}
.main-header .cart-box .icon a {
color: #999999;
}
/* Search Box Outer */
.main-header .search-box-btn {
position: relative;
top: 0px;
width: 50px;
height: 50px;
display: block;
float: left;
font-size: 18px;
color: #1b1b1b;
cursor: pointer;
line-height: 50px;
text-align: center;
border-radius: 50px;
margin-right: 20px;
margin-top: 2px;
background-color: #f3f3f3;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-header .search-box-btn:hover {
color: #ffffff;
background-color: #c2b334;
}
.main-header .search-box-btn:after {
display: none;
}
.main-header .search-box-outer .dropdown-menu {
top: 49px !important;
right: 0px;
padding: 0px;
width: 280px;
left: auto !important;
border-radius: 0px;
border-top: 3px solid #c2b334;
-webkit-transform: translate3d(0px, 0px, 0px) !important;
transform: translate3d(0px, 0px, 0px) !important;
}
.main-header .btn-box {
position: relative;
float: left;
}
/* Header Lower */
.main-header .header-lower .search-box {
float: right;
}
.main-header .header-lower .search-box .form-group {
position: relative;
margin: 0px;
top: -1px;
}
.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"] {
position: relative;
line-height: 28px;
padding: 10px 50px 10px 25px;
background: none;
display: block;
font-size: 14px;
width: 200px;
height: 74px;
color: #222222;
font-weight: 400;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background-color: #ffffff;
border-radius: 0px 50px 50px 0px;
}
.main-header .header-lower .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 74px;
width: 45px;
font-size: 14px;
color: #000048;
line-height: 100%;
background: none;
display: inline-block;
font-weight: normal;
text-align: left;
cursor: pointer;
}
/* Main Menu */
.main-menu {
position: static;
float: left;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navbar-collapse {
padding: 0px;
float: left;
display: block !important;
}
.main-menu .navigation {
position: static;
margin: 0px;
}
.main-menu .navigation > li {
position: relative;
float: left;
margin-right: 33px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li:last-child {
margin-right: 0px;
}
.sticky-header .main-menu .navigation > li > a {
color: #444444;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a {
color: #c2b334;
background-color: inherit !important;
}
.sticky-header .nav-outer .options-box {
margin-top: 45px;
}
/*Sticky Header*/
.sticky-header {
position: fixed;
opacity: 0;
visibility: hidden;
left: 0px;
top: 0px;
width: 100%;
padding: 0px 0px;
background: #ffffff;
z-index: 0;
border-bottom: 1px solid #e8f1f7;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .logo {
padding: 2px 0px 2px;
}
.fixed-header .sticky-header {
z-index: 999;
opacity: 1;
visibility: visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
color: #0f1954;
text-align: center;
line-height: 30px;
text-transform: capitalize;
letter-spacing: 0px;
opacity: 1;
font-weight: 600;
padding: 35px 0px;
font-size: 16px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .main-menu .navigation > li {
position: relative;
margin-left: 30px;
margin-right: 0px;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after {
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a {
opacity: 1;
color: #c2b334;
}
.main-menu .navigation > li > ul {
position: absolute;
left: -30px;
top: 100%;
width: 230px;
z-index: 100;
display: none;
opacity: 0;
visibility: hidden;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 20px 15px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-menu .navigation > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
}
.main-menu .navigation > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
position: relative;
display: block;
padding: 10px 18px;
line-height: 24px;
font-weight: 500;
font-size: 16px;
color: #111111;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sticky-header .main-menu .navigation > li > a {
padding: 19px 0px !important;
}
.main-menu .navigation > li > ul > li > a:before {
position: absolute;
content: '//';
left: 10px;
top: 10px;
opacity: 0;
font-size: 10px;
color: #c2b334;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a::before {
opacity: 1;
}
.sticky-header .main-menu .navigation > li > a:before {
top: 18px !important;
}
.main-menu .navigation > li > ul > li:hover > a {
color: #c2b334;
padding-left: 30px;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'Font Awesome 5 Free';
content: "\f105";
position: absolute;
right: 15px;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #253d4a;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
font-weight: 800;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #222222;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 120%;
top: 0%;
width: 230px;
z-index: 100;
display: none;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
padding: 20px 15px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}
.main-menu .navigation > li > ul > li > ul.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid #f9f9f9;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
position: relative;
display: block;
padding: 10px 18px;
line-height: 24px;
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
color: #111111;
padding-left: 10px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
text-transform: capitalize;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #c2b334;
}
.main-menu .navigation > li > ul > li > ul > li > a:before {
position: absolute;
content: '//';
left: 10px;
top: 8px;
opacity: 0;
color: #c2b334;
font-size: 10px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a::before {
opacity: 1;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a {
color: #c2b334;
padding-left: 30px;
}
.main-menu .navigation > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
left: 0px;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.main-menu .navigation li > ul > li.dropdown:hover > ul {
visibility: visible;
opacity: 1;
top: 0;
left: 100%;
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 30px;
height: 30px;
text-align: center;
color: #ffffff;
line-height: 28px;
border: 1px solid #ffffff;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
.main-header .search-box {
position: relative;
float: left;
width: 160px;
padding: 33px 0px;
}
.main-header .search-box .form-group {
position: relative;
margin: 0px;
}
.main-header .search-box .form-group input[type="text"],
.main-header .search-box .form-group input[type="search"] {
position: relative;
line-height: 38px;
padding: 10px 50px 10px 20px;
background: none;
display: block;
font-size: 14px;
width: 100%;
height: 30px;
color: #ffffff;
border-radius: 0px;
font-weight: 600;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border-left: 1px solid #c2b334;
}
.main-header .search-box .form-group textarea::-webkit-input-placeholder,
.main-header .search-box .form-group input::-webkit-input-placeholder {
color: #ffffff;
}
.main-header .search-box .form-group button {
position: absolute;
right: 0px;
top: 8px;
display: block;
font-size: 16px;
color: #ffffff;
cursor: pointer;
line-height: 100%;
font-weight: normal;
background: none;
}
.main-header .header-lower .options-box {
position: relative;
float: right;
padding: 10px 15px 10px;
}
.main-header .header-lower .options-box .option-inner:before {
position: absolute;
content: '';
left: -10px;
top: -10px;
bottom: -10px;
width: 110%;
background-color: #c2b334;
border-radius: 50px 50px 50px 50px;
}
.main-header .header-lower .options-box .option-inner {
position: relative;
padding-left: 70px;
}
.main-header .header-lower .options-box .option-inner .icon {
position: absolute;
left: 0px;
top: 0px;
color: #ffffff;
font-size: 50px;
line-height: 1em;
}
.main-header .header-lower .options-box .option-inner .number {
position: relative;
}
.main-header .header-lower .options-box .option-inner .number span {
position: relative;
display: block;
color: #ffffff;
margin-bottom: 3px;
text-transform: uppercase;
}
.main-header .header-lower .options-box .option-inner .number a {
position: relative;
font-weight: 800;
font-size: 22px;
color: #ffffff;
}
/************************ Mega Menu ***************************/
.main-menu .navigation > li.has-mega-menu {
position: static;
}
.main-menu .navigation > li > .mega-menu {
position: absolute;
left: 0px;
right: 0;
margin: auto;
width: 100%;
max-width: 1170px;
background-color: #ffffff;
padding: 45px 40px 30px 45px;
top: 100%;
z-index: 100;
opacity: 0;
border-radius: 8px;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}
.main-menu .navigation > li:hover > .mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-menu .navigation > li > .mega-menu .mega-menu-bar {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar h3 {
position: relative;
color: #111111;
font-size: 18px;
font-weight: 500;
padding-bottom: 12px;
margin-bottom: 10px;
border-bottom: 1px solid #f2f2f2;
}
.main-menu .navigation > li .mega-menu-bar > ul {
position: relative;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li {
position: relative;
width: 100%;
padding: 7px 0px;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column {
position: relative;
margin-bottom: 12px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
border: none;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
position: relative;
display: block;
line-height: 20px;
font-weight: 500;
font-size: 16px;
color: #111111;
text-transform: capitalize;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:before {
position: absolute;
content: '//';
left: 0px;
top: 0px;
opacity: 0;
font-size: 12px;
color: #c2b334;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover {
color: #c2b334;
padding-left: 20px;
}
.main-menu .navigation > li .mega-menu-bar .column > ul > li > a:hover::before {
opacity: 1;
}
.main-header.header-style-two .header-top .inner-container {
margin-left: 0px;
}
.main-header.header-style-two .header-upper .logo-box {
position: relative;
top: 0px;
margin-top: 0px;
}
.main-header.header-style-two .header-upper .logo-box:after {
position: absolute;
content: '';
right: 100%;
top: 0px;
bottom: 0px;
width: 1000%;
/*background-color:#002663;*/
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 26px;
line-height: 50px;
cursor: pointer;
color: #111111;
display: none;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo {
position: relative;
padding: 20px 20px;
text-align: left;
}
.mobile-menu .nav-logo img {
max-width: 200px;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
visibility: visible;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
z-index: 1;
background: rgba(0, 0, 0, 0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 1;
width: 100%;
visibility: visible;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
right: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
border-radius: 0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
right: 0px;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobile-menu .close-btn {
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobile-menu .close-btn:hover {
opacity: 0.50;
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li > ul > li:last-child {
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li > a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 15px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a {
color: #111111;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
right: 0px;
top: 0px;
width: 44px;
height: 44px;
text-align: center;
font-size: 16px;
line-height: 44px;
color: #404040;
cursor: pointer;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
content: '';
position: absolute;
left: 0px;
top: 10px;
width: 1px;
height: 24px;
border-left: 1px solid rgba(0, 0, 0, 0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
display: none;
}
.mobile-menu .navigation li > ul > li > a {
padding-left: 30px;
}
.mobile-menu .navigation li > ul > li > ul {
padding-left: 0px;
}
.mobile-menu .navigation li > ul > li > ul > li > a {
padding-left: 40px;
}
.sticky-header .navbar-header {
display: none;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
margin-top: -540px;
transform: translateY(-100%);
background-color: rgba(0, 0, 0, 0.90);
-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}
.sidenav-bar-visible .search-popup {
width: 80%;
}
.search-popup:before {
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 560px;
background-image: url(../images/icons/waves-shape.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-top: 0px;
content: "";
}
.search-active .search-popup {
transform: translateY(0%);
margin-top: 0;
}
.search-popup .close-search {
position: absolute;
left: 0;
right: 0;
top: 75%;
margin: 0 auto;
margin-top: -200px;
border-radius: 50%;
text-align: center;
background-color: #c2b334;
width: 70px;
cursor: pointer;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
border-bottom: 3px solid #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: 0;
visibility: hidden;
}
.search-popup .close-search span {
position: relative;
display: block;
height: 70px;
width: 70px;
font-size: 30px;
line-height: 70px;
color: #ffffff;
}
.search-active .search-popup .close-search {
visibility: visible;
opacity: 1;
top: 50%;
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.search-popup form {
position: absolute;
max-width: 700px;
top: 50%;
left: 15px;
right: 15px;
margin: -35px auto 0;
transform: scaleX(0);
transform-origin: center;
background-color: #111111;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.search-active .search-popup form {
transform: scaleX(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.search-popup .form-group {
position: relative;
margin: 0px;
overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
position: relative;
display: block;
font-size: 18px;
line-height: 50px;
color: #000000;
height: 70px;
width: 100%;
padding: 10px 30px;
background-color: #ffffff;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
font-weight: 500;
text-transform: capitalize;
}
.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
position: absolute;
right: 30px;
top: 0px;
height: 70px;
line-height: 70px;
background: transparent;
text-align: center;
font-size: 24px;
color: #000000;
padding: 0;
cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
color: #000000;
}
.search-popup input::placeholder,
.search-popup textarea::placeholder {
color: #000000;
}
.search-popup .close-search.style-two {
position: absolute;
right: 25px;
left: auto;
color: #ffffff;
width: auto;
height: auto;
top: 25px;
margin: 0px;
border: none;
background: none !important;
box-shadow: none !important;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.search-popup .close-search.style-two span {
font-size: 20px;
color: #ffffff;
}
.main-header .sticky-header .outer-box {
padding: 7px 0px 0px;
}
.main-header .sticky-header .outer-box .cart-box {
color: #000000;
margin-top: 17px;
}
.main-header .sticky-header .outer-box .cart-box .cart-box-btn,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover {
color: #000000;
}
.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart {
background-color: #c2b334;
}
.color-palate .option-box.box-version {
padding-top: 0px;
padding-bottom: 0px;
}
.main-header .header-upper .outer-box .nav-btn {
position: relative;
float: left;
font-size: 34px;
color: #111111;
cursor: pointer;
margin-top: 15px;
margin-right: 25px;
}
.sticky-header .outer-box .nav-btn {
position: relative;
float: right;
font-size: 28px;
color: #000000;
cursor: pointer;
margin-top: 9px;
margin-left: 30px;
}
.sticky-header .outer-box .mobile-nav-toggler {
position: relative;
float: right;
font-size: 28px;
color: #000000;
cursor: pointer;
margin-top: 9px;
margin-left: 30px;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-toped {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
background: #222222;
display: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.scroll-to-toped:hover {
color: #ffffff;
background: #000000;
}
.waves {
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 15vh;
z-index: 1;
margin-bottom: -8px;
min-height: 100px;
max-height: 150px;
}
.waves .content {
position: relative;
height: 20vh;
text-align: center;
background-color: white;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
/* Sidebar Info Contents */
.sidebar-info-contents {
position: relative;
}
.sidebar-info-contents .content-inner {
position: relative;
}
.sidebar-info-contents .content-inner .logo {
padding: 0px 0px 40px;
}
.sidebar-info-contents .content-inner .logo img {
display: inline-block;
max-width: 100%;
}
.sidebar-info-contents .content-inner .content-box {
position: relative;
}
.sidebar-info-contents .content-inner .content-box h2 {
position: relative;
font-size: 20px;
color: #ffffff;
font-weight: 500;
margin-bottom: 20px;
}
.sidebar-info-contents .content-inner .content-box .text {
position: relative;
font-size: 14px;
color: rgba(255, 255, 255, 0.90);
margin-bottom: 25px;
}
.sidebar-info-contents .content-inner .content-box .theme-btn:hover {
color: #ffffff;
}
.sidebar-info-contents .content-inner .contact-info {
position: relative;
margin-top: 60px;
}
.sidebar-info-contents .content-inner .contact-info h2 {
position: relative;
font-size: 20px;
color: #ffffff;
font-weight: 500;
margin-bottom: 20px;
}
.sidebar-info-contents .content-inner .social-box {
position: relative;
margin-top: 20px;
margin-bottom: 30px;
}
.sidebar-info-contents .content-inner .social-box li {
position: relative;
display: inline-block;
margin-right: 6px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.sidebar-info-contents .content-inner .social-box li a {
position: relative;
width: 36px;
height: 36px;
color: #222222;
z-index: 1;
font-size: 13px;
line-height: 36px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
}
.close-side-widget,
.close-side-widget:hover {
color: #ffffff;
font-size: 24px;
}
/***
====================================================================
Banner Section
====================================================================
***/
.banner-section {
position: relative;
overflow: hidden;
}
.banner-section .slide {
position: relative;
overflow: hidden;
width: 100% !important;
height: 100% !important;
padding: 50px 0px 50px;
background-size: cover;
}
.banner-section .content-boxed {
position: relative;
z-index: 10;
}
.banner-section .content-boxed .inner-box {
position: relative;
text-align: center;
}
.banner-section .content-boxed h1 {
color: #ffffff;
opacity: 0;
margin-bottom: 20px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed h1 {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.banner-section .content-boxed .text {
position: relative;
color: #ffffff;
font-size: 18px;
line-height: 1.8em;
margin-bottom: 16px;
font-weight: 400;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed .text {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-section .content-boxed .btns-box {
margin-top: 35px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.banner-section .active .content-boxed .btns-box {
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 1200ms;
-moz-transition-delay: 1200ms;
-ms-transition-delay: 1200ms;
-o-transition-delay: 1200ms;
transition-delay: 1200ms;
}
.banner-section .content-boxed .theme-btn {
margin-right: 15px;
}
.banner-section .owl-dots {
position: absolute;
left: 0px;
bottom: 40px;
right: 0px;
text-align: center;
}
.banner-section .owl-dots .owl-dot {
position: relative;
width: 15px;
height: 15px;
border-radius: 50px;
margin: 0px 6px 8px;
display: inline-block;
border: 1px solid #ffffff;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover {
background-color: #c2b334;
border-color: #c2b334;
}
.banner-section .owl-nav {
position: absolute;
left: 0px;
top: 50%;
z-index: 99999;
width: 100%;
opacity: 0;
margin-top: -10px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.banner-section:hover .owl-nav {
opacity: 1;
}
.banner-section .owl-nav .owl-prev {
position: absolute;
left: 20px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
font-size: 24px;
text-align: center;
border-radius: 50px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255, 255, 255, 0.60);
}
.banner-section .owl-nav .owl-next {
position: absolute;
right: 20px;
color: #ffffff;
font-size: 24px;
width: 60px;
height: 60px;
color: #ffffff;
line-height: 56px;
border-radius: 50px;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
border: 2px solid rgba(255, 255, 255, 0.60);
}
.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover {
color: #c2b334;
border-color: #ffffff;
background-color: #ffffff;
}
/***
====================================================================
Firm Section
====================================================================
***/
.firm-section {
position: relative;
padding: 90px 0px 70px;
}
.firm-section .content-column {
position: relative;
margin-bottom: 30px;
}
.firm-section .content-column .inner-column {
position: relative;
padding-top: 60px;
}
.firm-section .content-column p {
position: relative;
color: #555555;
font-size: 16px;
margin-bottom: 15px;
}
.firm-section .content-column h3 {
color: #1d1d1d;
margin-bottom: 15px;
}
.firm-section .content-column h3 span {
color: #c2b334;
}
.firm-section .blocks-column {
position: relative;
margin-bottom: 30px;
}
.firm-section .blocks-column .inner-column {
position: relative;
padding-left: 55px;
}
.firm-section .blocks-column .firm-block:nth-child(2n + 0) {
transform: translateY(50px);
}
.firm-block {
position: relative;
margin-bottom: 30px;
}
.firm-block .inner-box {
position: relative;
text-align: center;
padding: 40px 30px;
background-size: cover;
}
.firm-block .inner-box:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
color: #ffffff;
text-align: center;
background-color: rgba(0, 38, 99, 0.80);
}
.firm-block .inner-box .content-box {
position: relative;
}
.firm-block .inner-box .content-box .icon {
position: relative;
font-size: 48px;
color: #ffffff;
line-height: 1em;
margin-bottom: 10px;
}
.firm-block .inner-box h5 {
position: relative;
color: #ffffff;
}
.firm-block .inner-box h5 a {
position: relative;
color: #ffffff;
}
.firm-block .inner-box .overlay-box {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
color: #ffffff;
text-align: center;
background-color: #c2b334;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.firm-block .inner-box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.firm-block .inner-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
padding: 10px 0px;
}
.firm-block .inner-box .overlay-inner .content {
position: relative;
display: table-cell;
vertical-align: middle;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section {
position: relative;
padding: 20px 0px 70px;
}
/* Fact Counter */
.fact-counter {
position: relative;
}
.fact-counter .column {
position: relative;
margin-bottom: 30px;
}
.fact-counter .column:last-child {
margin-bottom: 0px;
}
.fact-counter .column .inner {
position: relative;
text-align: center;
}
.fact-counter .column .inner .content {
position: relative;
}
.fact-counter .count-outer .percentage {
display: inline-block;
font-weight: 700;
color: #222222;
font-size: 60px;
line-height: 1em;
}
.fact-counter .column .inner .count-outer {
position: relative;
font-weight: 700;
color: #222222;
font-size: 60px;
line-height: 1em;
/*font-family: 'Cinzel', serif;*/
}
.fact-counter .column .inner .counter-title {
position: relative;
font-size: 16px;
font-weight: 400;
margin-top: 10px;
color: #666666;
margin-bottom: 25px;
}
.fact-counter .column .inner .content .dott {
position: relative;
width: 12px;
height: 12px;
margin: 0 auto;
background-color: #c2b334;
}
/***
====================================================================
Practice Section
====================================================================
***/
.practice-section {
position: relative;
padding: 110px 0px 90px;
background-color: #f2f2f2;
}
.practice-section .row {
margin: 0px -7px;
}
.practice-section .practice-block {
padding: 0px 7px;
}
.practice-block {
position: relative;
margin-bottom: 15px;
}
.practice-block .inner-box {
position: relative;
display: block;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.practice-block .inner-box h5 {
position: relative;
}
.practice-block .inner-box h5 a {
position: relative;
color: #222222;
display: block;
padding: 20px 30px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.practice-block .inner-box .arrow {
position: absolute;
right: 30px;
top: 22px;
font-size: 22px;
}
.practice-block .inner-box:hover {
background-color: #c2b334;
}
.practice-block .inner-box:hover .arrow,
.practice-block .inner-box:hover h5 a {
color: #ffffff;
}
/***
====================================================================
History Section
====================================================================
***/
.history-section {
position: relative;
padding: 110px 0px 60px;
}
.history-section.style-two {
padding-top: 0px;
}
.history-section .history-column {
position: relative;
margin-bottom: 40px;
}
.history-section .history-column .inner-column {
position: relative;
}
.history-block {
position: relative;
margin-bottom: 50px;
}
.history-block .inner-box {
position: relative;
padding-left: 80px;
}
.history-block .inner-box .year {
position: absolute;
left: -25px;
top: 40px;
color: #c2b334;
font-size: 30px;
font-weight: 700;
padding: 15px 24px 10px;
display: inline-block;
/*font-family: 'Cinzel', serif;*/
border: 1px solid #c2b334;
transform: rotate(-90deg);
}
.history-block .inner-box h4 {
margin-bottom: 15px;
}
.history-block .inner-box h4 a {
position: relative;
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.history-block .inner-box h4 a:hover {
color: #c2b334;
}
.history-block .inner-box .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
}
.history-section .image-column {
position: relative;
margin-bottom: 40px;
}
.history-section .image-column .inner-column {
position: relative;
padding-right: 100px;
}
.history-section .image-column .image {
position: relative;
}
.history-section .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.history-section .image-column .image:before {
position: absolute;
content: '';
left: 125px;
top: 70px;
right: -100px;
bottom: -80px;
background-color: #c2b334;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section {
position: relative;
padding: 50px 0px 100px;
}
.clients-section .sponsors-outer .owl-nav,
.clients-section .sponsors-outer .owl-dots {
display: none;
}
.clients-section .sponsors-outer .image-box {
position: relative;
text-align: center;
margin: 0px;
}
.clients-section .sponsors-outer .image-box img {
max-width: 100%;
width: auto;
margin: 0 auto;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover {
opacity: 0.5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 90px 0px 70px;
}
.team-section.style-two::before {
display: none;
}
.team-section:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0, 38, 99, 0.90);
}
.team-section .bottom-white-layer {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
height: 160px;
background-color: #ffffff;
}
.team-block {
position: relative;
z-index: 2;
margin-bottom: 30px;
}
.team-block .inner-box {
position: relative;
}
.team-block .inner-box .image {
position: relative;
overflow: hidden;
}
.team-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.team-block .inner-box .image:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: 1;
background-color: rgba(0, 0, 0, 0.40);
}
.team-block .inner-box .image .overlay-box {
position: absolute;
left: 0px;
bottom: -50px;
right: 0px;
z-index: 2;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block .inner-box:hover .image .overlay-box {
bottom: 0px;
}
.team-block .inner-box .image .overlay-box .content {
position: relative;
padding: 0px 25px 20px;
}
.team-block .inner-box .image .designation {
position: relative;
color: #dddcdc;
font-size: 16px;
margin-bottom: 4px;
}
.team-block .inner-box .image h4 {
margin-bottom: 20px;
}
.team-block .inner-box .image h4 a {
position: relative;
color: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.team-block .inner-box .image h4 a:hover {
color: #c2b334;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section {
position: relative;
padding: 20px 0px 100px;
}
.testimonial-section .inner-container {
position: relative;
}
.testimonial-section .quote-left {
position: absolute;
left: 0px;
width: 100px;
height: 100px;
color: #222222;
font-size: 40px;
line-height: 98px;
text-align: center;
border-radius: 50%;
font-weight: 700;
border: 1px solid #dedede;
display: inline-block;
}
.testimonial-section .quote-right {
position: absolute;
right: 0px;
width: 100px;
height: 100px;
color: #222222;
font-size: 40px;
line-height: 98px;
text-align: center;
border-radius: 50%;
font-weight: 700;
border: 1px solid #dedede;
display: inline-block;
}
.testimonial-section .owl-dots {
position: relative;
margin-top: 60px;
text-align: center;
}
.testimonial-section .owl-dots .owl-dot {
position: relative;
width: 15px;
height: 15px;
margin: 0px 8px;
border-radius: 0px;
display: inline-block;
transform: rotate(45deg);
border: 1px solid #9a9a9a;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.testimonial-section .owl-dots .owl-dot:hover,
.testimonial-section .owl-dots .owl-dot.active {
border-color: #c2b334;
background-color: #c2b334;
}
.testimonial-section .owl-nav {
display: none;
}
.testimonial-block {
position: relative;
}
.testimonial-block .inner-box {
position: relative;
text-align: center;
}
.testimonial-block .inner-box .text {
position: relative;
color: #666666;
font-size: 22px;
font-style: italic;
line-height: 1.6em;
margin-bottom: 25px;
}
.testimonial-block .inner-box .designation {
position: relative;
color: #222222;
font-size: 18px;
font-weight: 700;
}
.testimonial-block .inner-box .designation span {
position: relative;
color: #c2b334;
font-size: 18px;
font-weight: 300;
}
/***
====================================================================
Case Section
====================================================================
***/
.case-section {
position: relative;
overflow: hidden;
padding: 100px 0px 170px;
background-color: #f2f2f2;
}
.case-section .owl-carousel .owl-stage-outer {
overflow: visible;
}
.case-section .owl-carousel .owl-stage-outer:before {
position: absolute;
content: '';
right: 100%;
top: 0px;
width: 200%;
bottom: 0px;
z-index: 2;
background-color: #f2f2f2;
}
.case-section .owl-dots {
position: absolute;
left: 0px;
right: 0px;
bottom: -50px;
text-align: center;
}
.case-section .owl-dots .owl-dot {
position: relative;
width: 60px;
height: 2px;
margin: 0px 2px;
display: inline-block;
background-color: #282828;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.case-section .owl-dots .owl-dot:hover,
.case-section .owl-dots .owl-dot.active {
background-color: #c2b334;
}
.case-section .owl-nav {
position: relative;
left: 0px;
bottom: 0px;
right: 0px;
margin-top: 10px;
}
.case-section .owl-nav .owl-prev {
position: absolute;
left: 0px;
width: 70px;
height: 70px;
color: #222222;
font-size: 28px;
line-height: 70px;
text-align: center;
border-radius: 50%;
display: inline-block;
border: 1px solid #999999;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.case-section .owl-nav .owl-next {
position: absolute;
right: 0px;
width: 70px;
height: 70px;
color: #222222;
font-size: 28px;
line-height: 70px;
text-align: center;
border-radius: 50%;
display: inline-block;
border: 1px solid #999999;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.case-section .owl-nav .owl-prev:hover,
.case-section .owl-nav .owl-next:hover {
color: #ffffff;
border-color: #c2b334;
background-color: #c2b334;
}
.case-block {
position: relative;
margin-bottom: 30px;
}
.case-block .inner-box {
position: relative;
}
.case-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #c2b334;
}
.case-block .inner-box .image img {
position: relative;
width: 100%;
height: 246.78px;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.case-block .inner-box:hover .image img {
opacity: 0.75;
transform: scale(1.05, 1.05);
}
.case-block .inner-box .lower-content {
position: relative;
margin-top: -32px;
}
.case-block .inner-box .lower-content h4 {
display: block;
margin-right: 30px;
background-color: #ffffff;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.case-block .inner-box .lower-content h4 a {
position: relative;
color: #222222;
display: block;
padding: 14px 25px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.case-block .inner-box:hover .lower-content h4 {
background-color: #c2b334;
}
.case-block .inner-box:hover .lower-content h4 a {
color: #ffffff;
}
/***
====================================================================
InTouch Section
====================================================================
***/
.intouch-section {
position: relative;
padding-top: 100px;
}
.intouch-section .image-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 598px;
background-size: cover;
}
.intouch-section .location-column {
position: relative;
margin-bottom: 30px;
}
.intouch-section .location-column .inner-column {
position: relative;
}
.intouch-section .location-column .title-box {
position: relative;
text-align: center;
margin-bottom: 35px;
}
.intouch-section .location-column .title-box h2 {
color: #ffffff;
margin-bottom: 12px;
}
.intouch-section .location-column .title-box .text {
position: relative;
color: #ffffff;
line-height: 1.8em;
font-size: 16px;
}
.intouch-section .location-column .form-group .ui-selectmenu-button.ui-button {
width: 380px;
margin: 0 auto;
display: block;
}
.location-form {
position: relative;
}
.location-form .form-group {
position: relative;
margin-bottom: 20px;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button {
width: 100%;
font-size: 14px;
font-style: normal;
height: 50px;
padding: 10px 20px 10px 25px;
line-height: 32px;
color: #1f1f1f;
border: none;
border-radius: 0px;
background: #ffffff;
}
.form-group .ui-button .ui-icon {
background: none;
position: relative;
top: 2px;
text-indent: 0px;
color: #333333;
}
.form-group .ui-button .ui-icon:before {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top: 2px !important;
top: 13px;
width: 10px;
height: 20px;
display: block;
color: #000000;
line-height: 20px;
font-size: 16px;
text-align: center;
z-index: 5;
font-weight: 800;
}
.ui-widget.ui-widget-content {
}
.ui-menu .ui-menu-item {
font-size: 14px;
}
.ui-menu .ui-menu-item:last-child {
border: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background: #c2b334;
border-color: #c2b334;
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
display: block;
padding: 8px 20px;
font-size: 14px;
line-height: 24px;
}
.ui-menu-item:hover {
background-color: #c2b334;
}
/* Form Column */
.intouch-section .form-column {
position: relative;
margin-bottom: 30px;
}
.intouch-section .form-column .inner-column {
position: relative;
padding: 60px 45px 50px;
background-color: #c2b334;
}
.intouch-section .form-column .title-box {
position: relative;
text-align: center;
margin-bottom: 35px;
}
.intouch-section .form-column .title-box h2 {
color: #ffffff;
margin-bottom: 12px;
}
.intouch-section .form-column .title-box .text {
position: relative;
color: #ffffff;
line-height: 1.8em;
font-size: 16px;
}
/***
====================================================================
Comment Form
====================================================================
***/
.case-form .row {
margin: 0px -10px;
}
.case-form .form-group {
margin-bottom: 20px;
padding: 0px 10px;
}
.case-form .form-group:last-child {
margin-bottom: 0px;
}
.case-form .form-group input[type="text"],
.case-form .form-group input[type="password"],
.case-form .form-group input[type="tel"],
.case-form .form-group input[type="email"],
.case-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.60);
height: 55px;
font-size: 15px;
border-radius: 0px;
background: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-form .form-group input[type="text"]:focus,
.case-form .form-group input[type="password"]:focus,
.case-form .form-group input[type="tel"]:focus,
.case-form .form-group input[type="email"]:focus,
.case-form .form-group select:focus,
.case-form .form-group textarea:focus {
border-color: #ffffff;
}
.case-form .form-group textarea::-webkit-input-placeholder,
.case-form .form-group input::-webkit-input-placeholder {
color: #ffffff;
}
.case-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 25px 25px;
color: #ffffff;
border: 2px solid rgba(255, 255, 255, 0.60);
height: 185px;
background: none;
resize: none;
font-size: 15px;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-form .theme-btn {
cursor: pointer;
color: #ffffff;
font-size: 15px;
padding: 14px 60px 14px;
border-radius: 50px;
display: inline-block;
font-weight: 600;
background-color: #000000;
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.case-form .theme-btn:hover {
background-color: #ffffff;
color: #000000;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 60px 0px 70px;
}
.news-block {
position: relative;
margin-bottom: 30px;
}
.news-block .inner-box {
position: relative;
}
.news-block .inner-box .image {
position: relative;
overflow: hidden;
background-color: #c2b334;
}
.news-block .inner-box .image img {
position: relative;
width: 100%;
display: block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block .inner-box:hover .image img {
position: relative;
opacity: 0.6;
}
.news-block .inner-box .lower-content {
position: relative;
padding-top: 25px;
}
.news-block .inner-box .lower-content .post-info {
position: relative;
}
.news-block .inner-box .lower-content .post-info li:first-child {
position: relative;
color: #c2b334;
font-size: 15px;
font-weight: 700;
}
.news-block .inner-box .lower-content .post-info li {
position: relative;
color: #666666;
margin-right: 15px;
display: inline-block;
text-transform: capitalize;
}
.news-block .inner-box .lower-content .post-info li .icon {
position: relative;
margin-right: 6px;
}
.news-block .inner-box .lower-content h4 {
margin-top: 12px;
line-height: 1.2em;
margin-bottom: 18px;
}
.news-block .inner-box .lower-content h4 a {
color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.news-block .inner-box .lower-content h4 a:hover {
color: #c2b334;
}
.news-block .inner-box .lower-content .author-info {
position: relative;
}
.news-block .inner-box .lower-content .author-info .info-inner {
position: relative;
color: #555555;
font-size: 15px;
min-height: 50px;
padding-top: 12px;
padding-left: 70px;
}
.news-block .inner-box .lower-content .author-info .info-inner .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
}
.news-block .inner-box .text {
position: relative;
color: #111111;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 18px;
}
/***
====================================================================
CTA Section
====================================================================
***/
.cta-section {
position: relative;
padding: 40px 0px 90px;
}
.cta-section .title-box {
position: relative;
text-align: center;
}
.cta-section .title-box .icon {
position: relative;
font-size: 60px;
color: #c2b334;
margin-bottom: 30px;
}
.cta-section .title-box h3 {
font-size: 40px;
color: #222222;
margin-bottom: 40px;
}
.cta-section .btns-box {
position: relative;
text-align: center;
}
.cta-section .btns-box a {
position: relative;
color: #666666;
font-size: 16px;
margin: 0px 5px 10px;
padding: 14px 28px;
border-radius: 50px;
display: inline-block;
background-color: #f2f2f2;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.cta-section .btns-box a .icon {
position: relative;
top: 3px;
color: #c2b334;
margin-right: 10px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.cta-section .btns-box a:hover {
color: #ffffff;
background-color: #c2b334;
}
.cta-section .btns-box a:hover .icon {
color: #ffffff;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
overflow: hidden;
padding: 90px 0px 50px;
background-size: cover;
}
.newslettter-boxed {
position: relative;
margin-bottom: 90px;
padding: 40px 40px 40px 0px;
}
.newslettter-boxed:before {
position: absolute;
content: '';
/*right:0px;*/
right: 0px;
top: 0px;
bottom: 0px;
width: 200%;
background-color: #1a572d !important;
}
.newslettter-boxed .title-column {
position: relative;
margin-bottom: 0px;
}
.newslettter-boxed .title-column .inner-column {
position: relative;
}
.newslettter-boxed .title-column h3 {
color: #ffffff;
}
.newslettter-boxed .form-column {
position: relative;
margin-bottom: 0px;
}
.newslettter-boxed .form-column .inner-column {
position: relative;
}
/* Newslettter Form */
.newsletter-form {
margin-top: 12px;
margin-bottom: 0px;
}
.newsletter-form .form-group {
position: relative;
display: block;
padding-right: 160px;
margin-bottom: 0px;
}
.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="email"] {
position: relative;
display: block;
width: 100%;
line-height: 30px;
height: 60px;
font-size: 15px;
color: #000000;
border-radius: 0px;
background: #ffffff;
border: 0px;
padding: 17px 15px 12px 25px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.newsletter-form .form-group button {
position: absolute;
right: 0px;
top: 0px;
color: #ffffff;
cursor: pointer;
font-size: 16px;
margin-top: 0px;
font-weight: 700;
border-radius: 0px;
padding: 19px 40px 18px;
background-color: #000000;
text-transform: uppercase;
}
.main-footer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
/*background-color:rgba(0,0,0,0.80);*/
}
.main-footer .inner-container {
position: relative;
}
.main-footer .footer-widget {
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.main-footer .widgets-section {
position: relative;
padding-bottom: 30px;
}
.main-footer .footer-widget h4 {
color: #ffffff;
margin-bottom: 20px;
text-transform: capitalize;
}
/* List Link */
.footer-list {
position: relative;
}
.footer-list li {
position: relative;
margin-bottom: 12px;
}
.footer-list li a {
position: relative;
color: #c9c9c9;
font-size: 16px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.footer-list li a:hover {
color: #c2b334;
}
.main-footer .footer-bottom {
position: relative;
}
.main-footer .footer-bottom .copyright {
position: relative;
color: #ffffff;
font-size: 16px;
margin-top: 15px;
}
.main-footer .footer-bottom .copyright a {
position: relative;
font-weight: 600;
color: #ffffff;
}
.main-footer .social-box {
position: relative;
}
.main-footer .social-box li {
position: relative;
margin-left: 10px;
display: inline-block;
}
.main-footer .social-box li a {
position: relative;
width: 50px;
height: 50px;
color: #ffffff;
text-align: center;
line-height: 48px;
border-radius: 50px;
display: inline-block;
border: 1px solid #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-footer .social-box li a:hover {
border-color: #c2b334;
background-color: #c2b334;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title {
position: relative;
overflow: hidden;
text-align: center;
padding: 140px 0px 140px;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
.page-title h2 {
color: #ffffff;
line-height: 1.2em;
margin-bottom: 0px;
text-transform: capitalize;
}
.page-breadcrumb {
position: relative;
margin-top: 20px;
}
.page-breadcrumb li {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 15px;
color: #ffffff;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}
.page-breadcrumb li:after {
position: absolute;
content: "-";
right: -2px;
top: -1px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after {
display: none;
}
.page-breadcrumb li:last-child {
padding-right: 0px;
margin-right: 0px;
}
.page-breadcrumb li a {
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.page-breadcrumb li a:hover {
color: #c2b334;
}
/***
====================================================================
Faq Page Section
====================================================================
***/
.faq-page-section {
position: relative;
padding: 95px 0px 70px;
}
.faq-page-section .accordion-column {
position: relative;
margin-bottom: 30px;
}
.faq-page-section .title-box {
position: relative;
margin-bottom: 20px;
}
.faq-page-section .title-box h4 {
color: #c2b334;
font-weight: 600;
}
/* Accordion Box */
.accordion-box {
position: relative;
}
.accordion-box .block {
position: relative;
margin-bottom: 20px;
border-radius: 0px;
}
.accordion-box .block:last-child {
margin-bottom: 0px;
}
.accordion-box .block .acc-btn {
position: relative;
font-size: 16px;
color: #ffffff;
line-height: 1.8em;
font-weight: 500;
cursor: pointer;
margin-bottom: 0px;
padding: 14px 25px 14px;
background-color: #c2b334;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.accordion-box .block .content .text {
position: relative;
}
.accordion-box .block .content .text p {
position: relative;
color: #161216;
font-size: 16px;
opacity: 0.80;
margin-bottom: 25px;
}
.accordion-box .block .content .text p:last-child {
margin-bottom: 0px;
}
.accordion-box .block .acc-btn.active {
}
.accordion-box .block .icon {
position: absolute;
right: 5px;
top: 0px;
bottom: 0px;
width: 50px;
font-size: 20px;
line-height: 56px;
color: #ffffff;
text-align: center;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.accordion-box .block .icon.icon-minus {
opacity: 0;
}
.accordion-box .block .acc-btn.active .icon.icon-plus {
opacity: 0;
}
.accordion-box .block .acc-btn.active .icon.icon-minus {
opacity: 1;
}
.accordion-box .block .acc-content {
position: relative;
display: none;
}
.accordion-box .block .content {
position: relative;
padding: 20px 25px 0px;
}
.accordion-box .block .acc-content.current {
display: block;
}
/***
====================================================================
Pricing Section
====================================================================
***/
.pricing-section {
position: relative;
padding: 110px 0px 70px;
}
.pricing-section.style-two {
padding-bottom: 0px;
}
.price-block {
position: relative;
margin-bottom: 30px;
}
.price-block .inner-box {
position: relative;
text-align: center;
padding: 60px 15px;
background-repeat: no-repeat;
border-left: 25px solid #c2b334;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.price-block .inner-box .color-one-layer {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 0%;
background: #535353;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background: -webkit-linear-gradient(to bottom, #535353 0%, #010101 100%);
background: -moz-linear-gradient(to bottom, #535353 0%, #010101 100%);
background: linear-gradient(to bottom, #535353 0%, #010101 100%);
}
.price-block .inner-box .color-two-layer {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
width: 0%;
background: #535353;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
background: -webkit-linear-gradient(to bottom, #535353 0%, #010101 100%);
background: -moz-linear-gradient(to bottom, #535353 0%, #010101 100%);
background: linear-gradient(to bottom, #535353 0%, #010101 100%);
}
.price-block .inner-box:hover .color-one-layer,
.price-block .inner-box:hover .color-two-layer {
width: 50%;
}
.price-block .inner-box .icon {
position: relative;
font-size: 76px;
line-height: 1em;
color: #c2b334;
margin-bottom: 20px;
}
.price-block .inner-box .side-icon {
position: absolute;
right: 10px;
bottom: -20px;
opacity: 0.10;
font-size: 120px;
line-height: 1em;
color: #000000;
margin-bottom: 20px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.price-block .inner-box:hover .side-icon {
color: #ffffff;
}
.price-block .inner-box .price {
position: relative;
color: #222222;
font-size: 60px;
font-weight: 700;
line-height: 50px;
padding-bottom: 0px;
margin-bottom: 40px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.price-block .inner-box:hover .price {
color: #ffffff;
}
.price-block .inner-box .price sup {
font-size: 36px;
}
.price-block .inner-box .price span {
display: block;
color: #c2b334;
font-size: 16px;
text-transform: uppercase;
}
.price-block .inner-box .price:before {
position: absolute;
content: '';
left: 50%;
bottom: 0px;
height: 3px;
width: 40px;
margin-left: -20px;
background-color: #222222;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.price-block .inner-box:hover .price:before {
background-color: #ffffff;
}
.price-block .inner-box .text {
position: relative;
color: #555555;
padding: 0px 35px;
margin-bottom: 40px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.price-block .inner-box:hover .text {
color: #ffffff;
}
.price-block .inner-box .theme-btn {
padding: 15px 35px;
}
.price-block .inner-box:hover .theme-btn:before {
opacity: 1;
transform: scale(1, 1);
background-color: #c2b334;
}
/***
====================================================================
Testimonial Page Section
====================================================================
***/
.testimonial-page-section {
position: relative;
padding: 110px 0px 60px;
}
.testimonial-page-section .styled-pagination {
margin-top: 40px;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position: relative;
}
.styled-pagination li {
position: relative;
margin: 0px 4px 10px;
display: inline-block;
}
.styled-pagination li a {
position: relative;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 20px;
font-weight: 400;
line-height: 50px;
text-align: center;
border-radius: 50%;
display: inline-block;
background-color: #002663;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.styled-pagination li.active a,
.styled-pagination li:hover a {
color: #ffffff;
background-color: #c2b334;
}
.styled-pagination li.prev a {
top: -1px;
font-size: 14px;
color: #ffffff;
font-weight: 600;
border-radius: 50%;
background-color: #002663;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.styled-pagination li.next a {
top: -1px;
font-size: 14px;
color: #ffffff;
font-weight: 600;
background-color: #002663;
border-radius: 50%;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.styled-pagination li.prev a:hover,
.styled-pagination li.next a:hover {
background-color: #c2b334;
}
/* Testimonial Block Two */
.testimonial-block-two {
position: relative;
margin-bottom: 30px;
}
.testimonial-block-two .inner-box {
position: relative;
border-radius: 8px;
z-index: 1;
padding: 30px 30px 35px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.testimonial-block-two .inner-box:before {
position: absolute;
content: '';
right: 20px;
bottom: -60px;
width: 81px;
height: 61px;
}
.testimonial-block-two .inner-box .text {
position: relative;
padding-left: 25px;
color: #555555;
font-size: 16px;
line-height: 1.6em;
margin-bottom: 0px;
border-left: 2px solid #c2b334;
}
.testimonial-block-two .inner-box .upper-box {
position: relative;
margin-bottom: 20px;
}
.testimonial-block-two .inner-box .upper-box .box-inner {
position: relative;
padding-left: 100px;
}
.testimonial-block-two .inner-box .upper-box .box-inner .author-image {
position: absolute;
left: 0px;
top: 0px;
border-radius: 50%;
overflow: hidden;
}
.testimonial-block-two .inner-box .upper-box h6 {
font-weight: 700;
color: #222222;
}
.testimonial-block-two .inner-box .upper-box .designation {
position: relative;
color: #555555;
font-weight: 500;
margin-top: 4px;
text-transform: uppercase;
}
.testimonial-block-two .inner-box .upper-box .rating {
position: relative;
color: #c2b334;
margin-top: 6px;
}
.testimonial-block-two .inner-box .side-icon {
position: absolute;
right: 40px;
bottom: 20px;
color: #111111;
opacity: 0.10;
line-height: 1em;
font-size: 60px;
}
/***
====================================================================
Coming Soon
====================================================================
***/
.coming-soon {
position: fixed;
width: 100%;
height: 100%;
display: block;
overflow-y: auto;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
text-align: center;
}
.coming-soon .content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
}
.coming-soon .content:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #000000;
content: "";
opacity: .30;
}
.coming-soon .content .content-inner {
position: relative;
padding: 90px 15px;
display: table-cell;
vertical-align: middle;
}
.coming-soon .content .content-inner .logo {
position: relative;
display: inline-block;
margin-bottom: 220px;
background-color: #002663;
}
.coming-soon .content .content-inner .sec-title {
display: none;
margin-bottom: 50px;
}
.coming-soon .content .content-inner h2 {
position: relative;
font-size: 48px;
font-weight: 700;
color: #ffffff;
line-height: 1.2em;
padding-bottom: 0;
font-variant: small-caps;
}
.coming-soon .content .content-inner h2:after {
display: none;
}
.time-counter {
position: relative;
}
.time-counter .time-countdown {
position: relative;
margin-bottom: 180px;
}
.time-counter .time-countdown .counter-column {
position: relative;
display: inline-block;
width: 180px;
height: 180px;
font-size: 20px;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
text-align: center;
z-index: 7;
border-radius: 20px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
background-color: rgba(54, 54, 54, .60);
margin: 0 15px 20px;
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 72px;
line-height: 30px;
padding: 60px 0px 30px;
color: #ffffff;
font-weight: 600;
}
.coming-soon .emailed-form {
position: relative;
margin-bottom: 40px;
}
.coming-soon .emailed-form h3 {
line-height: 1.2em;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.coming-soon .emailed-form .text {
position: relative;
display: block;
font-size: 18px;
font-weight: 400;
color: #ffffff;
line-height: 1.8em;
margin-bottom: 40px;
}
.coming-soon .emailed-form .form-group {
position: relative;
display: block;
max-width: 540px;
width: 100%;
margin: 0 auto;
}
.coming-soon .emailed-form .form-group input[type="text"],
.coming-soon .emailed-form .form-group input[type="tel"],
.coming-soon .emailed-form .form-group input[type="email"],
.coming-soon .emailed-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 28px;
height: 60px;
font-size: 16px;
color: #000000;
overflow: hidden;
padding: 15px 25px 15px 20px;
background: #ffffff;
border: 1px solid #f1f1f1;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.10);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input:focus,
.coming-soon .emailed-form .form-group select:focus,
.coming-soon .emailed-form .form-group textarea:focus {
}
.coming-soon .emailed-form .form-group input[type="submit"],
.coming-soon .emailed-form button {
position: absolute;
right: 0px;
top: 0px;
width: 60px;
height: 60px;
line-height: 40px;
font-size: 18px;
color: #ffffff;
cursor: pointer;
background-color: #c2b334;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover {
color: #ffffff;
}
.coming-soon .copyright-text {
position: relative;
font-size: 18px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
}
.coming-soon .copyright-text a {
color: #ff9600;
}
.coming-soon .copyright-text a:hover {
text-decoration: underline;
}
.clock-wrapper {
position: absolute;
top: 50%;
right: 0;
left: 0;
width: 250px;
height: 250px;
margin: auto;
margin-top: -145px;
border-radius: 50%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
background-color: rgba(0, 0, 0, .70);
transform: scale(2);
}
.clock-base {
width: 250px;
height: 250px;
border-radius: 50%;
}
.click-indicator {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
width: 230px;
height: 230px;
}
.click-indicator div {
position: absolute;
width: 2px;
height: 4px;
margin: 113px 114px;
}
.click-indicator div > span {
height: 5px;
width: 5px;
background-color: #ffffff;
display: inline-block;
border-radius: 50%;
margin-left: -1px;
margin-top: -1px;
}
.click-indicator div:nth-child(1) {
transform: rotate(30deg) translateY(-120px);
}
.click-indicator div:nth-child(2) {
transform: rotate(60deg) translateY(-120px);
}
.click-indicator div:nth-child(3) {
transform: rotate(90deg) translateY(-120px);
background-color: #c2b334;
}
.click-indicator div:nth-child(4) {
transform: rotate(120deg) translateY(-120px);
}
.click-indicator div:nth-child(5) {
transform: rotate(150deg) translateY(-120px);
}
.click-indicator div:nth-child(6) {
transform: rotate(180deg) translateY(-120px);
background-color: #c2b334;
}
.click-indicator div:nth-child(7) {
transform: rotate(210deg) translateY(-120px);
}
.click-indicator div:nth-child(8) {
transform: rotate(240deg) translateY(-120px);
}
.click-indicator div:nth-child(9) {
transform: rotate(270deg) translateY(-120px);
background-color: #c2b334;
}
.click-indicator div:nth-child(10) {
transform: rotate(300deg) translateY(-120px);
}
.click-indicator div:nth-child(11) {
transform: rotate(330deg) translateY(-120px);
}
.click-indicator div:nth-child(12) {
transform: rotate(360deg) translateY(-120px);
background-color: #c2b334;
}
.clock-hour {
position: absolute;
z-index: 2;
top: 75px;
left: 123px;
width: 4px;
height: 65px;
background-color: #c2b334;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
transform-origin: 2px 50px;
transition: .5s;
-webkit-animation: rotate-hour 43200s linear infinite;
-moz-animation: rotate-hour 43200s linear infinite;
}
.clock-minute {
position: absolute;
z-index: 3;
top: 55px;
left: 123px;
width: 4px;
height: 85px;
background-color: #c2b334;
border-radius: 2px;
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
transform-origin: 2px 70px;
transition: .5s;
-webkit-animation: rotate-minute 3600s linear infinite;
-moz-animation: rotate-minute 3600s linear infinite;
}
.clock-second {
position: absolute;
z-index: 4;
top: 15px;
left: 124px;
width: 2px;
height: 130px;
background-color: #ffffff;
opacity: .9;
box-shadow: 0 0 2px rgba(0, 0, 0, .2);
transform-origin: 1px 110px;
transition: .5s;
-webkit-animation: rotate-second 60s linear infinite;
-moz-animation: rotate-second 60s linear infinite;
}
.clock-second:after {
content: "";
display: block;
position: absolute;
left: -3px;
bottom: 16px;
width: 8px;
height: 8px;
background-color: #222222;
border: solid 2px #222222;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
.clock-center {
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: 50px;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
border-radius: 50%;
}
.clock-center:after {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 65px;
background-color: #ddd;
border-radius: 50%;
}
/***
====================================================================
Privacy Section
====================================================================
***/
.privacy-section {
position: relative;
padding: 110px 0px 50px;
}
.privacy-section .pattern-layer {
position: absolute;
top: 50px;
left: 0px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: right top;
}
.privacy-section .privacy-content {
position: relative;
padding-bottom: 15px;
margin-bottom: 25px;
border-bottom: 1px solid #e2e2e2;
}
.privacy-section .privacy-content:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border: none;
}
.privacy-section h2 {
color: #000000;
line-height: 1.2em;
margin-bottom: 22px;
}
.privacy-section p {
position: relative;
color: #4a4a4a;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 15px;
font-weight: 400;
}
.privacy-section .date {
position: relative;
color: #c2b334;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
.privacy-section h4 {
color: #000000;
line-height: 1.5em;
margin-bottom: 22px;
font-weight: 700;
}
.privacy-section .privacy-list {
position: relative;
text-align: left;
margin-left: 22px;
}
.privacy-section .privacy-list li {
position: relative;
margin-bottom: 12px;
color: #626262;
font-size: 16px;
font-weight: 400;
padding-left: 26px;
line-height: 1.7em;
}
.privacy-section .privacy-list li:before {
position: absolute;
content: '';
left: 0px;
top: 10px;
width: 7px;
height: 7px;
border-radius: 50px;
background-color: #c2b334;
}
/***
====================================================================
Attorney Detail Section
====================================================================
***/
.attorney-detail-section {
position: relative;
padding: 100px 0px 50px;
}
.attorney-detail-section .image-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
height: 720px;
background-size: cover;
}
.attorney-detail-section .image-layer:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.90);
}
.attorney-detail-box {
position: relative;
}
.attorney-detail-box .box-inner {
position: relative;
background-color: #0b0b0b;
}
.attorney-detail-box .box-inner .image-column {
position: relative;
padding: 0px;
float: left;
}
.attorney-detail-box .box-inner .image-column .inner-column {
position: relative;
}
.attorney-detail-box .box-inner .image-column .image {
position: relative;
}
.attorney-detail-box .box-inner .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.attorney-detail-box .box-inner .content-column {
position: relative;
padding: 0px;
float: left;
}
.attorney-detail-box .box-inner .content-column .inner-column {
position: relative;
padding: 60px 60px;
}
.attorney-detail-box .box-inner .content-column .title {
position: relative;
color: #cbcbcb;
font-size: 16px;
}
.attorney-detail-box .box-inner .content-column h2 {
color: #c2b334;
margin-top: 10px;
margin-bottom: 20px;
}
.attorney-detail-box .box-inner .content-column h2 span {
color: #ffffff;
}
.attorney-detail-box .box-inner .attorney-list {
position: relative;
}
.attorney-detail-box .box-inner .attorney-list li {
position: relative;
color: #cbcbcb;
padding: 15px 0px;
padding-left: 155px;
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.attorney-detail-box .box-inner .attorney-list li span {
position: absolute;
left: 0px;
top: 15px;
color: #cbcbcb;
font-size: 16px;
font-weight: 600;
}
.attorney-detail-box .box-inner .attorney-list li a {
position: relative;
color: #cbcbcb;
}
.attorney-detail-section .lower-content {
position: relative;
padding-top: 40px;
}
.attorney-detail-section .lower-content .two-column {
padding-top: 25px;
padding-bottom: 30px;
}
.attorney-detail-section .lower-content h3 {
color: #080808;
margin-bottom: 15px;
}
.attorney-detail-section .lower-content p {
position: relative;
color: #555555;
font-size: 16px;
margin-bottom: 15px;
}
.attorney-detail-section .lower-content h4 {
color: #080808;
margin-bottom: 15px;
}
.attorney-detail-section .lower-content h4 span {
color: #c2b334;
}
.attorney-detail-section .lower-content .signature {
position: relative;
margin-top: 25px;
}
.attorney-detail-section .lower-content .signature span {
position: relative;
font-size: 18px;
display: block;
color: #000000;
font-weight: 700;
margin-top: 20px;
text-transform: uppercase;
/*font-family: 'Cinzel', serif;*/
}
.attorney-detail-section .attorney-price-list {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
.attorney-detail-section .attorney-price-list li {
position: relative;
color: #111111;
margin-bottom: 2px;
padding: 18px 20px;
display: block;
font-size: 18px;
text-transform: uppercase;
background-color: #f2f2f2;
/*font-family: 'Cinzel', serif;*/
}
.attorney-detail-section .attorney-price-list li span {
position: relative;
font-weight: 600;
}
.attorney-info-columns {
position: relative;
padding-top: 20px;
}
.attorney-info-columns .achivements-column {
position: relative;
}
.attorney-info-columns .achivements-column .inner-column {
position: relative;
padding: 50px 45px;
background-color: #f2f2f2;
}
.achivements-list {
position: relative;
}
.achivements-list li {
position: relative;
padding-left: 55px;
color: #555555;
font-size: 18px;
padding-top: 6px;
margin-bottom: 18px;
}
.achivements-list li span {
position: absolute;
left: 0px;
top: 0px;
width: 35px;
height: 35px;
color: #000000;
font-size: 18px;
text-align: center;
line-height: 35px;
border-radius: 50%;
display: inline-block;
background-color: #ffffff;
}
.achivements-list li:last-child {
margin-bottom: 0px;
}
.attorney-info-columns .skill-column {
position: relative;
}
.attorney-info-columns .skill-column .inner-column {
position: relative;
padding: 50px 45px;
background-color: #0c0c0c;
}
.attorney-info-columns .skill-column h4 {
color: #ffffff;
margin-bottom: 40px;
}
/* Skills Section */
.skills .skill-item {
position: relative;
margin-bottom: 45px;
padding-left: 190px;
}
.skills .skill-item:last-child {
margin-bottom: 0px;
}
.skills .skill-item .skill-bar {
position: relative;
width: 100%;
padding-right: 45px;
}
.skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
height: 17px;
background-color: #0c0c0c;
}
.skills.style-two .skill-item .skill-bar .bar-inner {
background-color: #eeeeee;
}
.skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0px;
top: 0px;
width: 0px;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
}
.skills .skill-item .skill-bar .bar-inner .bar:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 17px;
background-color: #c2b334;
}
.skills .skill-item .skill-header {
position: absolute;
left: 0px;
top: 0px;
margin-bottom: 12px;
}
.skills .skill-item .skill-header .skill-title {
position: relative;
color: #ffffff;
font-size: 17px;
font-weight: 700;
line-height: 1.1em;
text-transform: capitalize;
/*font-family: 'Cinzel', serif;*/
}
.skills .skill-item .skill-percentage {
position: absolute;
right: -45px;
top: -2px;
float: right;
font-weight: 700;
color: #c2b334;
font-size: 17px;
text-transform: uppercase;
/*font-family: 'Cinzel', serif;*/
}
/***
====================================================================
Attorney Contact Form
====================================================================
***/
.attorney-contact-form {
padding-top: 40px;
}
.attorney-contact-form .title-box {
position: relative;
margin-bottom: 25px;
}
.attorney-contact-form .form-group {
margin-bottom: 25px;
}
.attorney-contact-form .form-group:last-child {
margin-bottom: 0px;
}
.attorney-contact-form .form-group input[type="text"],
.attorney-contact-form .form-group input[type="password"],
.attorney-contact-form .form-group input[type="tel"],
.attorney-contact-form .form-group input[type="email"],
.attorney-contact-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
color: #888888;
height: 55px;
font-size: 16px;
border-radius: 0px;
background: #ffffff;
border: 1px solid #dddddd;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.attorney-contact-form .form-group input[type="text"]:focus,
.attorney-contact-form .form-group input[type="password"]:focus,
.attorney-contact-form .form-group input[type="tel"]:focus,
.attorney-contact-form .form-group input[type="email"]:focus,
.attorney-contact-form .form-group select:focus,
.attorney-contact-form .form-group textarea:focus {
border-color: #111111;
}
.attorney-contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 25px 25px;
color: #888888;
border: 1px solid #dddddd;
height: 180px;
background: #ffffff;
resize: none;
font-size: 16px;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.attorney-contact-form .theme-btn {
cursor: pointer;
}
.attorney-contact-form input.error,
.attorney-contact-form select.error,
.attorney-contact-form textarea.error {
border-color: #ff0000 !important;
}
.attorney-contact-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 12px;
color: #ff0000;
font-weight: 500;
}
/***
====================================================================
Services Page Section
====================================================================
***/
.services-page-section {
position: relative;
padding: 100px 0px 60px;
}
.services-page-section .styled-pagination {
margin-top: 20px;
}
/***
====================================================================
Services Detail Section
====================================================================
***/
.services-detail-section {
position: relative;
padding: 100px 0px 70px;
}
.services-detail-section .inner-box {
position: relative;
}
.services-detail-section .inner-box .image {
position: relative;
}
.services-detail-section .inner-box .image img {
position: relative;
width: 100%;
display: block;
}
.services-detail-section .inner-box .lower-content {
position: relative;
margin-left: 75px;
margin-right: 75px;
padding: 0px 35px 30px;
margin-top: -60px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.services-detail-section .inner-box .lower-content .icon {
position: relative;
color: #ffffff;
width: 100px;
height: 100px;
color: #ffffff;
font-size: 46px;
margin-top: -50px;
text-align: center;
line-height: 100px;
border-radius: 4px;
display: inline-block;
background-color: #c2b334;
}
.services-detail-section .inner-box .lower-content h3 {
position: relative;
color: #111111;
margin-top: 30px;
margin-bottom: 15px;
}
.services-detail-section .inner-box .lower-content p {
position: relative;
color: #555555;
margin-top: 0px;
font-size: 16px;
margin-bottom: 15px;
}
.services-detail-section .lower-box {
margin-top: 30px;
background-color: #c2b334;
}
.services-detail-section .lower-box .image-column {
position: relative;
padding: 0px;
float: left;
}
.services-detail-section .lower-box .image-column .image .video-box {
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
color: #111111;
z-index: 10;
font-size: 20px;
text-align: center;
border-radius: 50%;
line-height: 100px;
margin-left: -50px;
margin-top: -50px;
display: inline-block;
background-color: #ffffff;
}
.services-detail-section .lower-box .image-column .image .video-box .ripple,
.services-detail-section .lower-box .image-column .image .video-box .ripple:before,
.services-detail-section .lower-box .image-column .image .video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin-left: .5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.services-detail-section .lower-box .image-column .image .video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.services-detail-section .lower-box .image-column .image .video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
@keyframes ripple {
70% {
box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
}
}
.services-detail-section .lower-box .form-column {
position: relative;
padding: 0px;
float: left;
}
.services-detail-section .lower-box .form-column .inner-column {
position: relative;
padding: 50px 30px;
}
.services-detail-section .lower-box .form-column .title-box {
position: relative;
text-align: center;
margin-bottom: 35px;
}
.services-detail-section .lower-box .form-column .title-box h2 {
position: relative;
color: #ffffff;
margin-bottom: 20px;
}
.services-detail-section .lower-box .form-column .title-box .text {
position: relative;
color: #ffffff;
font-size: 16px;
}
/***
====================================================================
Case Detail Section
====================================================================
***/
.case-detail-section {
position: relative;
padding: 100px 0px 50px;
}
.case-detail-section .upper-box {
position: relative;
}
.case-detail-section .upper-box .image-column {
position: relative;
margin-bottom: 30px;
}
.case-detail-section .upper-box .image-column .inner-column {
position: relative;
}
.case-detail-section .upper-box .image-column .image {
position: relative;
}
.case-detail-section .upper-box .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.case-detail-section .upper-box .content-column {
position: relative;
margin-bottom: 30px;
}
.case-detail-section .upper-box .content-column .inner-column {
position: relative;
padding-top: 70px;
}
.case-detail-section .upper-box .content-column h3 {
color: #222222;
margin-bottom: 25px;
}
.case-detail-section .upper-box .content-column p {
position: relative;
color: #666666;
font-size: 16px;
margin-bottom: 50px;
}
.case-detail-section .upper-box .content-column .about-case-list {
position: relative;
margin-bottom: 40px;
}
.case-detail-section .upper-box .content-column .about-case-list li {
position: relative;
color: #222222;
font-size: 24px;
font-weight: 700;
display: block;
padding-left: 25px;
line-height: 1.3em;
margin-bottom: 20px;
text-transform: uppercase;
/*font-family: 'Cinzel', serif;*/
}
.case-detail-section .upper-box .content-column .about-case-list li span {
position: absolute;
left: 0px;
font-weight: 700;
color: #c2b334;
margin-right: 8px;
}
.case-detail-section .upper-box .content-column .about-case-list li:last-child {
margin-bottom: 0px;
}
.case-detail-section .quote-box {
position: relative;
font-size: 30px;
color: #333333;
text-align: center;
line-height: 1.3em;
margin-top: 60px;
margin-bottom: 40px;
text-transform: uppercase;
/*font-family: 'Cinzel', serif;*/
}
.case-detail-section .quote-box .quote-icon {
position: relative;
display: block;
color: #000000;
font-size: 60px;
line-height: 1em;
margin-bottom: 0px;
}
.case-detail-section p {
position: relative;
color: #666666;
font-size: 16px;
margin-bottom: 15px;
}
.case-detail-section h4 {
color: #222222;
margin-bottom: 15px;
}
.case-detail-section h5 {
color: #222222;
margin-bottom: 10px;
}
.about-case-list-two {
position: relative;
margin-bottom: 40px;
}
.about-case-list-two li {
position: relative;
color: #333333;
font-size: 16px;
font-weight: 400;
display: block;
line-height: 1.3em;
margin-bottom: 12px;
padding-left: 25px;
}
.about-case-list-two li span {
position: absolute;
left: 0px;
top: 0px;
font-weight: 700;
color: #000000;
margin-right: 8px;
}
.about-case-list-two li:last-child {
margin-bottom: 0px;
}
/* Video Boxed */
.video-boxed {
position: relative;
z-index: 1;
background-color: #ffffff;
}
.video-boxed .video-image {
position: relative;
margin: 0px;
}
.video-boxed .video-image img {
position: relative;
width: 100%;
z-index: 3;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
}
.video-boxed .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: 45px;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.video-boxed .overlay-box span {
position: absolute;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
z-index: 10;
color: #111111;
font-weight: 400;
font-size: 20px;
text-align: center;
border-radius: 50%;
padding-left: 4px;
display: inline-block;
margin-top: -40px;
margin-left: -40px;
line-height: 80px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color: #ffffff;
}
.video-boxed .ripple,
.video-boxed .ripple:before,
.video-boxed .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-boxed .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-boxed .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.blog-page-section {
position: relative;
padding: 100px 0px 60px;
}
.blog-page-section .styled-pagination {
margin-top: 40px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 90px 0px 50px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
margin-bottom: 30px;
}
.sticky-top {
top: 90px;
z-index: 1;
}
/* Sidebar Widget */
.sidebar-widget {
margin-bottom: 30px;
}
.sidebar-widget:last-child {
margin-bottom: 0px;
}
.sidebar-title {
position: relative;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 2px solid #c2b334;
}
.sidebar-title:before {
position: absolute;
content: '';
left: 0px;
bottom: 3px;
height: 2px;
width: 70%;
background-color: #222222;
}
.sidebar-title h5 {
color: #222222;
font-weight: 700;
}
.categories-widget .widget-content {
padding: 30px 30px;
border: 1px solid #cccccc;
}
/* Blog Cat */
.blog-cat {
position: relative;
}
.blog-cat li {
position: relative;
margin-bottom: 10px;
}
.blog-cat li:last-child {
margin-bottom: 0px;
}
.blog-cat li a {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 600;
padding-left: 20px;
display: block;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
/*font-family: 'Cinzel', serif;*/
}
.blog-cat li a:before {
position: absolute;
content: '\f101';
left: 0px;
top: 4px;
line-height: 1em;
font-family: 'FontAwesome';
}
.blog-cat li a span {
position: absolute;
right: 0px;
font-weight: 400;
}
.blog-cat li a:hover {
color: #c2b334;
}
/* Recent Posts */
.attorney-widget {
position: relative;
}
.attorney-widget .post {
position: relative;
min-height: 80px;
padding-left: 100px;
margin-bottom: 20px;
}
.attorney-widget .post:last-child {
margin-bottom: 0;
}
.attorney-widget .post .thumb {
position: absolute;
left: 0;
top: 0;
height: 80px;
width: 80px;
overflow: hidden;
}
.attorney-widget .post .thumb a {
display: block;
}
.attorney-widget .post .thumb img {
display: block;
width: 100%;
height: auto;
}
.attorney-widget .post h5 {
color: #222222;
font-weight: 700;
margin-bottom: 5px;
}
.attorney-widget .post h5 a {
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.attorney-widget .post h5 a:hover {
color: #c2b334;
}
.attorney-widget .post .title {
position: relative;
display: block;
font-size: 16px;
color: #c2b334;
margin-bottom: 0px;
}
.attorney-widget .post .call {
position: relative;
display: block;
font-size: 16px;
color: #777777;
}
/* Contact Widget */
.sidebar-page-container .sidebar-side .contact-widget .contact-list {
position: relative;
}
.sidebar-page-container .sidebar-side .contact-widget .contact-list li {
position: relative;
font-size: 14px;
color: #555555;
padding-left: 80px;
margin-bottom: 25px;
}
.sidebar-page-container .sidebar-side .contact-widget .contact-list li .icon {
position: absolute;
content: '';
left: 0px;
top: 5px;
color: #c2b334;
line-height: 1em;
font-size: 54px;
}
.sidebar-page-container .sidebar-side .contact-widget .contact-list li strong {
position: relative;
display: block;
color: #222222;
font-size: 24px;
margin-top: 3px;
}
/* Post Widget */
.post-widget .widget-content {
padding: 30px 40px;
border: 1px solid #cccccc;
}
.post-widget .post {
position: relative;
min-height: 90px;
padding-left: 110px;
margin-bottom: 30px;
}
.post-widget .post:last-child {
margin-bottom: 0;
}
.post-widget .post .thumb {
position: absolute;
left: 0;
top: 0;
height: 90px;
width: 90px;
overflow: hidden;
}
.post-widget .post .thumb a {
display: block;
}
.post-widget .post .thumb img {
display: block;
width: 100%;
height: auto;
}
.post-widget .post h6 {
color: #222222;
font-weight: 700;
line-height: 1.4em;
}
.post-widget .post h6 a {
color: #222222;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.post-widget .post h6 a:hover {
color: #c2b334;
}
.post-widget .post .post-date {
position: relative;
display: block;
font-size: 14px;
line-height: 30px;
color: #222222;
margin-top: 5px;
padding-left: 22px;
}
.post-widget .post .post-date:before {
position: absolute;
content: '\f073';
left: 0px;
top: -1px;
color: #c2b334;
font-family: 'FontAwesome';
}
/* Post Widget */
.tags .widget-content {
padding: 30px 40px;
border: 1px solid #cccccc;
}
.tag-list {
position: relative;
display: block;
}
.tag-list li {
position: relative;
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
}
.tag-list li a {
position: relative;
display: block;
font-size: 14px;
line-height: 20px;
color: #222222;
font-weight: 400;
padding: 12px 25px;
border-radius: 0px;
border: 1px solid #cccccc;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tag-list li a:hover {
background-color: #c2b334;
border-color: #c2b334;
}
/*Search Box Widget*/
.sidebar .search-box {
padding: 30px 40px;
border: 1px solid #cccccc;
}
.sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
position: relative;
line-height: 28px;
padding: 10px 50px 10px 25px;
background: #ebebeb;
display: block;
font-size: 15px;
width: 100%;
height: 60px;
border-radius: 0px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 60px;
width: 60px;
display: block;
font-size: 16px;
color: #111111;
cursor: pointer;
line-height: 100%;
font-weight: normal;
background: #c2b334;
border-radius: 0px;
}
/* Blog Detail */
.blog-detail {
position: relative;
margin-bottom: 30px;
}
.blog-detail .inner-box {
position: relative;
}
.blog-detail .inner-box .upper-box {
position: relative;
}
.blog-detail .inner-box .upper-box .post-info {
position: relative;
}
.blog-detail .inner-box .upper-box .post-info li:first-child {
position: relative;
color: #c2b334;
font-size: 15px;
font-weight: 700;
}
.blog-detail .inner-box .upper-box .post-info li {
position: relative;
color: #666666;
margin-right: 15px;
display: inline-block;
text-transform: capitalize;
}
.blog-detail .inner-box .upper-box .post-info li .icon {
position: relative;
margin-right: 6px;
}
.blog-detail .inner-box .upper-box h3 {
color: #222222;
margin-top: 12px;
line-height: 1.2em;
margin-bottom: 18px;
}
.blog-detail .inner-box .upper-box .author-info {
position: relative;
}
.blog-detail .inner-box .upper-box .author-info .info-inner {
position: relative;
color: #555555;
font-size: 15px;
min-height: 50px;
padding-top: 12px;
padding-left: 70px;
}
.blog-detail .inner-box .upper-box .author-info .info-inner .author-image {
position: absolute;
left: 0px;
top: 0px;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
}
.blog-detail .inner-box .big-image {
position: relative;
padding-top: 30px;
}
.blog-detail .inner-box .big-image img {
position: relative;
width: 100%;
display: block;
}
.blog-detail .inner-box .lower-content {
position: relative;
padding-top: 35px;
}
.blog-detail .inner-box .lower-content p {
position: relative;
font-size: 16px;
color: #111111;
}
.blog-detail .two-column {
margin-top: 25px;
}
.blog-detail .quote-box {
position: relative;
font-size: 26px;
color: #333333;
text-align: center;
line-height: 1.5em;
margin-top: 20px;
margin-bottom: 35px;
text-transform: uppercase;
/*font-family: 'Cinzel', serif;*/
}
.blog-detail .quote-box .quote-icon {
position: relative;
display: block;
color: #000000;
font-size: 60px;
line-height: 1em;
margin-bottom: 0px;
}
.blog-detail .video-boxed {
margin-bottom: 30px;
}
.blog-detail .post-tags {
position: relative;
padding: 25px 30px;
color: #333333;
font-size: 16px;
font-weight: 700;
margin-top: 25px;
margin-bottom: 60px;
background-color: #f2f2f2;
text-transform: uppercase;
/*font-family: 'Cinzel', serif;*/
}
.blog-detail .post-tags a {
position: relative;
color: #333333;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.blog-detail .post-tags a:hover {
color: #c2b334;
}
/* Author Box */
.author-box {
position: relative;
margin-top: 30px;
margin-bottom: 40px;
}
.author-box .author-comment {
position: relative;
padding: 40px 40px;
background-color: #c2b334;
}
.author-box .author-comment .inner-box {
position: relative;
padding-left: 165px;
}
.author-box .author-comment .inner-box .image {
position: absolute;
left: 0px;
top: 0px;
width: 140px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 20px;
}
.author-box .author-comment .inner-box h5 {
color: #ffffff;
margin-bottom: 10px;
}
.author-box .author-comment .inner-box .text {
position: relative;
color: #ffffff;
font-size: 15px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 15px;
}
.author-box .author-comment .inner-box .social-icon-one li a:hover {
color: #111111;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area {
position: relative;
margin-top: 30px;
margin-bottom: 50px;
}
.sidebar-page-container .group-title {
position: relative;
}
.sidebar-page-container .group-title h6 {
font-weight: 700;
color: #222222;
margin-bottom: 30px;
text-transform: uppercase;
}
.sidebar-page-container .comments-area .comment-box.reply-comment {
margin-left: 70px;
}
.sidebar-page-container .comments-area .comment-box {
position: relative;
padding: 0px 0px 22px;
margin-bottom: 30px;
border-bottom: 1px solid #eff2f7;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.sidebar-page-container .comments-area .comment-box:last-child {
margin-bottom: 0px;
}
.sidebar-page-container .comments-area .comment {
position: relative;
font-size: 14px;
min-height: 110px;
padding: 5px 0px 0px 130px;
}
.sidebar-page-container .comments-area .reply-comment {
margin-left: 60px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 99px;
margin-bottom: 20px;
overflow: hidden;
border-radius: 50%;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img {
width: 100%;
display: block;
}
.sidebar-page-container .comments-area .comment-info {
margin-bottom: 10px;
}
.sidebar-page-container .comments-area .comment-box strong {
font-size: 24px;
font-weight: 700;
color: #222222;
display: inline-block;
line-height: 1.3em;
text-transform: capitalize;
/*font-family: 'Cinzel', serif;*/
}
.sidebar-page-container .comments-area .comment-box .text {
color: #222222;
font-size: 16px;
line-height: 1.8em;
margin-bottom: 0px;
padding-top: 0px;
}
.sidebar-page-container .comments-area .comment-info .comment-time {
font-size: 16px;
color: #c2b334;
margin-left: 0px;
display: inline-block;
font-weight: 400;
margin-top: 6px;
margin-left: 20px;
}
.sidebar-page-container .comments-area .comment-box .theme-btn {
position: absolute;
right: 0px;
top: 0px;
font-size: 14px;
color: #ffffff;
padding: 6px 22px;
font-weight: 500;
border-radius: 50px;
display: inline-block;
background-color: #c2b334;
text-transform: uppercase;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
background-color: #222222;
}
/***
====================================================================
Comment Form
====================================================================
***/
.comment-form .form-group {
margin-bottom: 20px;
}
.comment-form .form-group:last-child {
margin-bottom: 0px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
color: #000000;
height: 55px;
font-size: 16px;
border-radius: 0px;
background: #ffffff;
border: 1px solid #d7d7d7;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
border-color: #c2b334;
}
.comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 25px 25px;
color: #000000;
height: 180px;
background: #ffffff;
border: 1px solid #d7d7d7;
resize: none;
font-size: 16px;
border-radius: 0px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.comment-form .theme-btn {
cursor: pointer;
}
/*Error Section*/
.error-section {
position: relative;
padding: 100px 0px 100px;
}
.error-section .content {
position: relative;
text-align: center;
}
.error-section h1 {
color: #222222;
font-size: 180px;
line-height: 1em;
margin-bottom: 10px;
}
.error-section h2 {
color: #222222;
margin-bottom: 10px;
}
.error-section .text {
position: relative;
color: #222222;
font-size: 20px;
font-weight: 300;
margin-top: 20px;
line-height: 1.5em;
margin-bottom: 30px;
}
.contact-page-section {
position: relative;
padding: 100px 0px 0px;
}
.contact-page-section .info-column {
position: relative;
margin-bottom: 30px;
}
.contact-page-section .info-column .inner-column {
position: relative;
padding: 50px 20px;
text-align: center;
background-size: cover;
}
.contact-page-section .info-column .inner-column .icon {
position: relative;
width: 90px;
height: 90px;
color: #ffffff;
font-size: 40px;
border-radius: 50%;
text-align: center;
line-height: 90px;
margin-bottom: 20px;
display: inline-block;
background-color: #c2b334;
}
.contact-page-section .info-column .inner-column h4 {
color: #ffffff;
margin-bottom: 15px;
}
.contact-page-section .info-column .inner-column .info-list {
position: relative;
}
.contact-page-section .info-column .inner-column .info-list li {
position: relative;
margin-bottom: 4px;
}
.contact-page-section .info-column .inner-column .info-list li a {
position: relative;
color: #cdcdcd;
font-size: 16px;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-page-section .info-column .inner-column .info-list li a:hover {
color: #ffffff;
}
.contact-page-section .info-column .inner-column .text {
position: relative;
color: #cdcdcd;
font-size: 16px;
line-height: 1.7em;
}
.contact-page-section .lower-section {
position: relative;
padding-top: 80px;
}
.contact-page-section .lower-section .title-column {
position: relative;
}
.contact-page-section .lower-section .title-column .inner-column {
position: relative;
}
.contact-page-section .lower-section .title-column h3 {
color: #222222;
margin-bottom: 15px;
}
.contact-page-section .lower-section .title-column h3 span {
display: block;
color: #c2b334;
}
.contact-page-section .lower-section .title-column .text {
position: relative;
color: #555555;
font-size: 16px;
line-height: 1.7em;
}
.contact-page-section .lower-section .form-column {
position: relative;
}
.contact-page-section .lower-section .form-column .inner-column {
position: relative;
padding: 40px 40px;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
/***
====================================================================
Contact Form
====================================================================
***/
.contact-form .form-group {
margin-bottom: 20px;
}
.contact-form .form-group:last-child {
margin-bottom: 0px;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 25px;
color: #000000;
height: 55px;
font-size: 16px;
border-radius: 0px;
background: #ffffff;
border: 1px solid #d7d7d7;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
border-color: #c2b334;
}
.contact-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 15px 25px 25px;
color: #000000;
height: 180px;
resize: none;
font-size: 16px;
border-radius: 0px;
background: #ffffff;
border: 1px solid #d7d7d7;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.contact-form .theme-btn {
cursor: pointer;
margin-top: 10px;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
border-color: #ff0000 !important;
}
.contact-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: uppercase;
font-size: 12px;
color: #ff0000;
font-weight: 500;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section {
position: relative;
margin-top: -110px;
overflow: hidden;
z-index: -1;
padding-bottom: 0px;
}
.contact-map-section iframe {
height: 500px;
width: 100%;
}
/*Item Sorting*/
.our-shop .items-sorting {
position: relative;
padding-bottom: 0px;
margin-bottom: 30px;
border-bottom: 1px solid #f2f2f2;
}
.our-shop .items-sorting .results-column,
.our-shop .items-sorting .select-column {
margin-bottom: 20px;
}
.our-shop .items-sorting .results-column h5 {
color: #111111;
line-height: 24px;
padding: 13px 0px;
}
.our-shop .items-sorting .form-group {
margin-bottom: 0px;
}
.our-shop .items-sorting select {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 8px 15px 8px;
height: 50px;
font-size: 14px;
border: 1px solid #eeeeee;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0px;
background: url(../images/icons/arrow-right.jpg) right center no-repeat;
color: #999999;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.our-shop .items-sorting select option {
text-indent: 15px;
}
/* Shop Item */
.shop-item {
position: relative;
margin-bottom: 40px;
}
.shop-item .inner-box {
position: relative;
border: 1px solid #f2f2f2;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-item .inner-box:hover {
box-shadow: 0px 0px 40px rgba(243, 243, 243, 1);
}
.shop-item .inner-box .image {
position: relative;
overflow: hidden;
text-align: center;
}
.shop-item .inner-box .image .options {
position: absolute;
left: 30px;
right: 30px;
bottom: -60px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-item .inner-box:hover .image .options {
bottom: 0px;
}
.shop-item .inner-box .image .options li {
position: relative;
width: 50%;
float: left;
}
.shop-item .inner-box .image .options li a {
position: relative;
padding: 11px 5px;
text-align: center;
display: block;
color: #ffffff;
font-size: 12px;
font-weight: 700;
min-height: 50px;
background-color: #191b1d;
}
.shop-item .inner-box .image .options li:last-child a {
background-color: #c2b334;
font-weight: 400;
font-size: 20px;
}
.shop-item .inner-box .lower-box {
position: relative;
padding: 25px 30px 15px;
}
.shop-item .inner-box .lower-box .content {
position: relative;
padding-top: 25px;
text-align: center;
padding-bottom: 10px;
border-top: 1px solid #f2f2f2;
}
.shop-item .inner-box .lower-box .content h5 {
position: relative;
color: #303030;
font-weight: 500;
margin-bottom: 3px;
}
.shop-item .inner-box .lower-box .content h5 a {
position: relative;
color: #303030;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-item .inner-box .lower-box .content h5 a:hover {
color: #c2b334;
}
.shop-item .inner-box .lower-box .content .price {
position: relative;
color: #c2b334;
font-size: 16px;
margin-top: 10px;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.shop-single .product-details .prod-tabs {
position: relative;
margin-bottom: 60px;
}
.shop-single .product-details .prod-tabs .tab-btns {
position: relative;
z-index: 1;
border-bottom: 1px solid #eeeeee;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn {
position: relative;
top: 1px;
display: block;
float: left;
margin-right: 5px;
font-size: 16px;
background: #f7f7f7;
color: #303030;
border: 1px solid #f4f4f4;
text-transform: capitalize;
font-weight: 600;
line-height: 24px;
cursor: pointer;
padding: 12px 18px 10px;
transition: all 500ms ease;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn:after {
position: absolute;
content: '';
left: 0px;
bottom: -1px;
width: 100%;
height: 1px;
background-color: #ffffff;
}
.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {
color: #c2b334;
background: #ffffff;
}
.shop-single .product-details .prod-tabs .tabs-content {
position: relative;
padding: 30px 30px 40px;
border: 1px solid #f0f0f0;
border-top: 0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab {
position: relative;
display: none;
border-top: 0px;
}
.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {
display: block;
}
.prod-tabs .tabs-content .tab .title {
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 25px;
}
/*Comment Form*/
.shop-comment-form {
position: relative;
}
.shop-comment-form h2 {
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
}
.shop-comment-form .group-title {
margin-bottom: 20px;
}
.shop-comment-form .rating-box {
position: relative;
margin-bottom: 30px;
}
.shop-comment-form .rating-box .text {
position: relative;
font-size: 16px;
color: #848484;
margin-bottom: 10px;
}
.shop-comment-form .rating-box .rating {
position: relative;
display: inline-block;
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #ebebeb;
}
.shop-comment-form .rating-box .rating:last-child {
border-right: 0px;
}
.shop-comment-form .rating-box .rating .fa {
position: relative;
margin-right: 2px;
display: inline-block;
}
.shop-comment-form .rating-box .rating a {
position: relative;
color: #d6d6d6;
font-size: 12px;
display: inline-block;
}
.shop-comment-form .rating-box .rating a:hover {
color: #c2b334;
}
.shop-comment-form .form-group {
position: relative;
margin-bottom: 15px;
}
.shop-comment-form .form-group label {
position: relative;
color: #848484;
font-size: 16px;
font-weight: 400;
display: block;
margin-bottom: 10px;
}
.shop-comment-form .form-group:last-child {
margin-bottom: 0px;
}
.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 28px;
padding: 10px 15px;
border: 1px solid #efefef;
height: 50px;
color: #848484;
font-weight: 300;
background: #ffffff;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus {
border-color: #c2b334;
}
.shop-comment-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 26px;
padding: 10px 15px;
color: #848484;
border: 1px solid #efefef;
height: 105px;
font-weight: 300;
background: #ffffff;
resize: none;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.shop-comment-form button {
position: relative;
margin-top: 20px;
border-radius: 4px;
padding: 11px 57px;
}
.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus {
border-color: #c2b334;
}
.related-products {
position: relative;
}
.related-products h2 {
position: relative;
color: #303030;
font-weight: 600;
font-size: 18px;
margin-bottom: 20px;
text-transform: uppercase;
}
.product-details .basic-details {
position: relative;
margin-bottom: 30px;
}
.product-details .image-column,
.product-details .info-column {
margin-bottom: 20px;
}
.product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
border: 1px solid #f2f2f2;
background-color: #f7f7f7;
}
.product-details .basic-details .details-header {
position: relative;
margin-bottom: 16px;
}
.product-details .basic-details .details-header h4 {
font-size: 30px;
font-weight: 500;
margin: -5px 0px 6px;
line-height: 1.4em;
color: #303030;
}
.product-details .basic-details .details-header h4 a {
color: #333333;
}
.product-details .basic-details .details-header .rating {
font-size: 14px;
color: #c2b334;
margin-bottom: 18px;
}
.product-details .basic-details .details-header .rating .fa {
display: inline-block;
margin-right: 2px;
}
.product-details .basic-details .details-header .rating .txt {
font-size: 14px;
padding-left: 10px;
color: #777777;
}
.product-details .basic-details .details-header .item-price {
font-size: 22px;
font-weight: 400;
color: #848484;
line-height: 22px;
letter-spacing: 1px;
margin-bottom: 15px;
}
.product-details .basic-details .prod-info {
margin-bottom: 15px;
line-height: 1.6em;
font-size: 13px;
}
.product-details .basic-details .prod-info strong {
font-weight: 700;
color: #111111;
}
.product-details .basic-details .text {
margin-bottom: 25px;
color: #848484;
font-size: 16px;
font-weight: 400;
line-height: 1.7em;
}
.product-details .basic-details .location {
position: relative;
color: #020e28;
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
}
.product-details .basic-details .item-quantity .field-label {
float: left;
font-weight: 700;
font-size: 14px;
line-height: 32px;
display: inline-block;
padding-right: 20px;
}
.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
line-height: 24px;
padding: 10px 15px !important;
height: 46px !important;
box-shadow: none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding: 11px 10px;
background: #f4f5f6;
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
top: 6px;
}
.product-details .basic-details .item-quantity {
position: relative;
float: left;
width: 85px;
margin-bottom: 25px;
margin-right: 20px;
}
.product-details .basic-details .item-quantity .field-label {
float: left;
font-weight: 700;
font-size: 14px;
line-height: 32px;
display: inline-block;
padding-right: 20px;
}
.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner {
font-size: 18px;
line-height: 24px;
padding: 10px 15px !important;
height: 50px !important;
box-shadow: none !important;
}
.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn {
padding: 11.5px 10px;
background: #f4f5f6;
border-radius: 0px;
color: #000000;
right: 21px;
top: 1px;
line-height: 7px;
}
.bootstrap-touchspin .glyphicon-chevron-up:before {
content: "\f0d8";
font-size: 15px;
font-style: normal;
font-weight: 800;
font-family: 'FontAwesome';
}
.bootstrap-touchspin .glyphicon-chevron-down:before {
content: "\f0d7";
font-size: 17px;
font-style: normal;
font-weight: 800;
font-family: 'FontAwesome';
}
.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i {
}
.product-details .basic-details .expired {
position: relative;
color: #c2b334;
font-size: 16px;
margin-bottom: 20px;
}
/*Pincode Form*/
.pincode-form {
position: relative;
margin-bottom: 15px;
}
.pincode-form .form-group {
margin-bottom: 10px;
}
.pincode-form .form-group input[type="text"] {
position: relative;
line-height: 14px;
padding: 4px 10px 4px 15px;
border: 1px solid #f7f7f7;
background: none;
font-size: 16px;
width: 170px;
height: 40px;
border-radius: 4px;
display: inline-block;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.pincode-form .form-group button {
position: relative;
height: 40px;
width: 100px;
font-size: 15px;
color: #020e28;
font-weight: 600;
line-height: 100%;
background: #f7f7f7;
margin-left: 8px;
border-radius: 4px;
display: inline-block;
text-transform: uppercase;
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area .comment-box:nth-child(1) {
padding-top: 0px;
}
.sidebar-page-container .comments-area .comment-box:hover {
border-color: #c2b334;
}
.sidebar-page-container .comments-area .comment-box.reply-comment {
margin-left: 30px;
}
.sidebar-page-container .comments-area .comment .comment-inner {
position: relative;
padding: 15px 20px;
border-radius: 5px;
border: 1px solid #f4f4f4;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating {
position: absolute;
right: 15px;
top: 15px;
}
.sidebar-page-container .comments-area .comment .comment-inner .rating .fa {
display: inline-block;
color: #c2b334;
font-size: 14px;
}
.sidebar-page-container .comments-area .comment-info {
position: relative;
color: #303030;
line-height: 24px;
font-size: 16px;
font-weight: 600;
}
.sidebar-page-container .comments-area .comment-info a {
position: relative;
color: #c2b334;
}
.sidebar-page-container .comments-area .comment-box .text {
color: #848484;
font-size: 16px;
margin-top: 12px;
font-weight: 400;
line-height: 1.6em;
margin-bottom: 0px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
padding: 90px 0px 90px;
}
.cart-section .cart-outer {
position: relative;
}
.cart-section .cart-outer .group-title {
position: relative;
margin-bottom: 20px;
}
.cart-section .cart-outer .group-title h2 {
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.cart-section .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-section .cart-table {
width: 100%;
min-width: 900px;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: uppercase;
font-size: 16px;
border-radius: 0px;
background: #c2b334;
color: #1f1f1f;
}
.cart-table thead tr th {
line-height: 24px;
padding: 16px 15px;
min-width: 120px;
font-weight: 600;
color: #ffffff;
font-size: 16px;
text-transform: capitalize;
}
.cart-table thead tr th.prod-column {
text-align: left;
padding-left: 30px;
}
.cart-table tbody tr {
border-bottom: 1px solid #f2f2f2;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 30px 10px 20px;
min-width: 100px;
}
.cart-table tbody tr .qty {
width: 90px;
padding-right: 40px;
}
.cart-table tbody tr .qty .input-group-btn-vertical {
position: absolute;
right: -18px;
top: 0px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #f5f5f5;
}
.column.default-column .cart-table tbody tr .qty {
width: 110px;
padding-right: 20px;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 70px;
padding-left: 100px;
padding-top: 28px;
text-align: left;
min-width: 230px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
width: 80px;
left: 0px;
top: 0px;
border: 1px solid #f0f0f0;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
width: 100%;
}
.cart-table tbody tr .prod-column .column-box h3 {
font-size: 16px;
color: #020e28;
font-weight: 600;
margin-bottom: 5px;
}
.cart-table tbody tr .sub-total {
font-weight: 400;
color: #c2b334;
font-size: 20px;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 18px;
color: #ececec;
width: 34px;
height: 34px;
text-align: center;
line-height: 30px;
display: inline-block;
border: 2px solid #ececec;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position: relative;
top: 2px;
font-size: 10px;
line-height: 14px;
width: 14px;
height: 14px;
margin-right: 8px;
background: #f0f0f0;
color: #ffffff;
text-align: center;
overflow: hidden;
text-indent: 100px;
}
.cart-table tbody tr .remove {
text-align: center;
}
.cart-table tbody tr .remove-btn:hover {
color: #c2b334;
border-color: #c2b334;
}
.cart-table tbody tr .remove-btn:hover .fa {
text-indent: 0px;
background: #fa9928;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td.price {
font-size: 20px;
font-weight: 400;
color: #848484;
}
.cart-table tbody tr td .quantity-spinner {
padding: 5px 0px 5px 20px;
line-height: 24px;
height: 34px;
display: block;
width: 100%;
position: relative;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
color: #848484;
font-size: 16px;
}
.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #ffffff;
background: #c2b334;
border-radius: 50%;
}
.cart-section .coupon-outer {
position: relative;
margin: 30px 30px 70px;
}
.cart-section .coupon-outer .cart-btn {
color: #222222;
font-size: 14px;
padding: 11px 33px;
font-weight: 700;
border-radius: 5px;
text-transform: uppercase;
background-color: #f6f6f6;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-section .coupon-outer .cart-btn:hover {
color: #ffffff;
background-color: #c2b334;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 20px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 26px;
padding: 12px 20px;
border: 2px solid #f7f7f7;
height: 50px;
width: 230px;
background: none;
border-radius: 5px;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section .sec-title {
margin-bottom: 25px;
}
.cart-section .sec-title h2 {
font-size: 24px;
color: #020e28;
padding-bottom: 0px;
text-transform: capitalize;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px !important;
margin-bottom: 30px;
}
.cart-section .totals-table {
position: relative;
border: 2px solid #f0f0f0;
border-radius: 2px;
margin-bottom: 30px;
}
.cart-section .totals-table .col {
position: relative;
display: block;
float: left;
padding: 15px 15px;
line-height: 24px;
width: 50%;
font-weight: 400;
font-size: 16px;
color: #848484;
}
.cart-section .totals-table .col-title {
font-size: 16px;
color: #020e28;
font-weight: 600;
border-right: 2px solid #f0f0f0;
}
.cart-section .totals-table li {
position: relative;
border-bottom: 1px solid #f0f0f0;
}
.cart-section .totals-table li:last-child {
border-bottom: none;
}
.cart-section .cart-note {
position: relative;
margin-bottom: 50px;
padding: 16px 20px;
text-align: center;
border: 1px dashed #b2dd4c;
background: #f4f4f4;
line-height: 1.7em;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
padding: 90px 0px 90px;
}
.cart-section .cart-outer {
position: relative;
}
.cart-section .cart-outer .group-title {
position: relative;
margin-bottom: 20px;
}
.cart-section .cart-outer .group-title h2 {
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 30px 10px 20px;
min-width: 100px;
}
.cart-table tbody tr .qty .quantity-spinner {
background: #f5f5f5;
}
.column.default-column .cart-table tbody tr .qty {
width: 110px;
padding-right: 20px;
}
.cart-table tbody tr td {
vertical-align: middle;
}
.cart-table tbody tr td.price {
font-size: 20px;
font-weight: 400;
color: #848484;
}
.cart-table tbody tr td .quantity-spinner {
padding: 5px 0px 5px 20px;
line-height: 24px;
height: 34px;
display: block;
width: 100%;
position: relative;
}
.cart-section .coupon-outer {
position: relative;
margin: 30px 30px 70px;
}
.cart-section .coupon-outer .cart-btn {
color: #222222;
font-size: 14px;
padding: 11px 33px;
font-weight: 700;
border-radius: 5px;
text-transform: uppercase;
background-color: #f6f6f6;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
/*font-family: 'Montserrat', sans-serif;*/
}
.cart-section .coupon-outer .cart-btn:hover {
color: #ffffff;
background-color: #c2b334;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .estimate-form {
position: relative;
}
.cart-section .sec-title {
margin-bottom: 25px;
}
.cart-section .sec-title h2 {
font-size: 24px;
color: #020e28;
padding-bottom: 0px;
text-transform: capitalize;
}
.cart-section .estimate-form .row {
margin-left: -7px;
margin-right: -7px;
}
.cart-section .estimate-form .row .form-group {
padding: 0px 7px !important;
margin-bottom: 30px;
}
.cart-section .totals-table {
position: relative;
border: 2px solid #f0f0f0;
border-radius: 2px;
margin-bottom: 30px;
}
.cart-section .totals-table .col {
position: relative;
display: block;
float: left;
padding: 15px 15px;
line-height: 24px;
width: 50%;
font-weight: 400;
font-size: 16px;
color: #848484;
}
.cart-section .totals-table .col-title {
font-size: 16px;
color: #020e28;
font-weight: 600;
border-right: 2px solid #f0f0f0;
/*font-family: 'Montserrat', sans-serif;*/
}
.cart-section .totals-table li {
position: relative;
border-bottom: 1px solid #f0f0f0;
}
.cart-section .totals-table li:last-child {
border-bottom: none;
}
.cart-section .cart-note {
position: relative;
margin-bottom: 50px;
padding: 16px 20px;
text-align: center;
border: 1px dashed #b2dd4c;
background: #f4f4f4;
line-height: 1.7em;
}
.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
position: relative;
line-height: 46px;
height: 46px;
border-radius: 5px;
background: #ffffff;
border: 1px solid #f2f2f2;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
height: 24px;
background: #e9e9e9;
}
.bootstrap-touchspin .input-group-btn-vertical i {
left: 6px;
top: 6px;
}
/*Shipping Form*/
.shipping-form .form-group {
position: relative;
margin-bottom: 30px;
padding: 0px 15px;
}
.shipping-form .form-group .ui-selectmenu-button.ui-button {
background-color: #ffffff;
height: 48px;
width: 100%;
line-height: 26px;
z-index: 10;
border-radius: 5px;
border: 2px solid #f2f2f2;
background-position: right top;
background-repeat: no-repeat;
background-image: url(../images/icons/arrow-right.jpg);
}
.shipping-form .form-group .ui-selectmenu-button.ui-button:active {
color: #000000;
}
.shipping-form .form-group .ui-button .ui-icon {
opacity: 0;
}
.shipping-form .form-group input,
.shipping-form .form-group select {
position: relative;
display: block;
width: 100%;
line-height: 33px;
padding: 10px 20px;
height: 48px;
color: #848484;
font-size: 14px;
border-radius: 5px;
background: #ffffff;
border: 2px solid #f2f2f2;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form .form-group textarea {
position: relative;
display: block;
width: 100%;
line-height: 30px;
padding: 10px 20px;
height: 120px;
resize: none;
font-size: 16px;
font-weight: 300;
background: #f7f7f7;
border: 1px solid #f4f4f4;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.shipping-form .form-group input:focus,
.shipping-form .form-group textarea:focus {
border-color: #c2b334;
}
/***
====================================================================
CheckOut Sectioon
====================================================================
***/
.checkout-page {
position: relative;
padding: 90px 0px 0px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 50px;
}
.checkout-page .default-links li {
margin-bottom: 20px;
line-height: 24px;
padding: 18px 30px;
background: #f4f4f4;
color: #303030;
font-size: 16px;
font-weight: 600;
border-radius: 5px;
border-left: 2px solid #c2b334;
}
.checkout-page .default-links li a {
color: #c2b334;
}
.checkout-form {
position: relative;
}
.checkout-form .checkout-title {
position: relative;
margin-bottom: 20px;
}
.checkout-form .checkout-title h2 {
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.checkout-form .form-group {
position: relative;
margin-bottom: 25px;
}
.checkout-form .form-group .field-label {
display: block;
line-height: 24px;
margin-bottom: 6px;
text-transform: capitalize;
color: #303030;
font-size: 16px;
font-weight: 400;
}
.checkout-form .form-group .field-label sup {
top: -1px;
font-size: 16px;
}
.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 22px;
padding: 12px 15px;
height: 48px;
border-radius: 5px;
border: 2px solid #f2f2f2;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.checkout-form textarea {
resize: none;
height: 120px !important;
}
.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
border-color: #c2b334;
}
.checkout-page .check-box {
line-height: 24px;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
}
.checkout-page .check-box label {
position: relative;
top: -1px;
font-weight: 500;
padding: 0px;
font-size: 16px;
cursor: pointer;
color: #0f1954;
}
.checkout-page .lower-content {
position: relative;
margin-top: 60px;
padding: 80px 0px;
box-shadow: 0px -6px 5px #f5f5f5;
}
.checkout-page .lower-content .order-column {
margin-bottom: 40px;
}
.checkout-page .lower-content .column h2 {
position: relative;
color: #303030;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.checkout-page .lower-content .checkout-title {
margin-bottom: 25px;
}
/*Total Table*/
.checkout-page .lower-content .totals-table {
position: relative;
margin-bottom: 40px;
border: 1px solid #f2f2f2;
}
.checkout-page .lower-content .totals-table li .col {
padding: 12px 20px;
}
.checkout-page .lower-content .totals-table li {
line-height: 24px;
border-bottom: 1px solid #f2f2f2;
}
.checkout-page .lower-content .totals-table li .col.title {
font-weight: 600;
color: #303030;
font-size: 16px;
border-right: 1px solid #f2f2f2;
}
.checkout-page .lower-content .totals-table li:last-child {
border-bottom: none;
margin-bottom: 0px;
}
.checkout-page .lower-content .totals-table .col {
position: relative;
display: block;
float: left;
line-height: 24px;
width: 50%;
color: #848484;
font-weight: 400;
font-size: 16px;
}
/*Payment Option*/
.checkout-page .payment-options {
position: relative;
padding: 30px 20px 40px;
background-color: #ffffff;
border: 1px solid #f2f2f2;
}
.checkout-page .payment-options li {
position: relative;
margin-bottom: 15px;
}
.checkout-page .payment-options li .radio-option {
position: relative;
}
.checkout-page .payment-options li .radio-option label {
position: relative;
display: inline-block;
padding-left: 30px;
font-weight: 500 !important;
text-transform: capitalize;
letter-spacing: 1px;
color: #333333;
cursor: pointer;
}
.checkout-page .payment-options li .radio-option label strong {
font-weight: 600;
color: #303030;
font-size: 16px;
}
.checkout-page .payment-options li .radio-option label strong a {
font-size: 16px;
color: #020e28;
margin-left: 30px;
text-decoration: underline;
}
.checkout-page .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 3px;
}
.checkout-page .payment-options li .radio-option label .small-text {
display: block;
padding-top: 5px;
letter-spacing: 0px;
text-transform: none;
font-size: 16px;
color: #848484;
font-weight: 400;
line-height: 1.7em;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
top: -3px;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
.checkout-page .payment-options .theme-btn {
padding: 11px 32px;
margin-top: 10px;
margin-left: 32px;
}
.cart-table tbody tr .prod-column .column-box h4 {
font-size: 16px;
color: #0f1341;
font-weight: 600;
margin-bottom: 5px;
text-transform: capitalize;
}
.cart-outer {
position: relative;
}
.cart-outer .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.checkout-page .lower-content .order-column .cart-outer {
overflow-x: auto;
}
.checkout-page .lower-content .order-column .cart-table {
width: 100%;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: capitalize;
font-size: 18px;
background: #c2b334;
color: #222222;
}
.cart-table thead tr th {
line-height: 24px;
padding: 13px 30px;
font-weight: 500;
}
.cart-table thead tr th .fa {
font-size: 18px;
}
.cart-table thead tr th.prod-column {
text-align: left;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 30px 0px 30px 30px;
}
.cart-table tbody tr .qty input {
width: 45px;
height: 50px;
color: #222222;
font-size: 18px;
line-height: 50px;
background: #f7f7f7;
text-align: center;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 70px;
padding-left: 100px;
padding-top: 20px;
text-align: left;
min-width: 230px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
width: 80px;
left: 0px;
top: 0px;
border: 1px solid #f0f0f0;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
width: 100%;
}
.cart-table tbody tr .prod-column .column-box h4 {
font-size: 16px;
color: #0f1341;
font-weight: 600;
margin-bottom: 5px;
text-transform: capitalize;
}
.cart-table tbody tr .price {
font-weight: 700;
font-size: 14px;
color: #777777;
}
/***
====================================================================
Login / Register Section
====================================================================
***/
.register-section {
position: relative;
padding: 90px 0px 40px;
}
.register-section .form-column {
margin-bottom: 40px;
}
.register-section .form-column h5 {
color: #303030;
margin-bottom: 25px;
text-transform: uppercase;
}
.styled-form {
position: relative;
}
.styled-form .form-group.submit-text {
font-size: 14px;
color: #808080;
font-weight: 400;
margin-top: 10px;
}
.styled-form .form-group {
position: relative;
margin-bottom: 30px;
font-size: 16px;
color: #848484;
}
.checkout-section .styled-form .form-group {
position: relative;
margin-bottom: 20px;
}
.styled-form .form-group .check-box {
line-height: 24px;
font-size: 15px;
font-weight: normal;
padding-top: 5px;
color: #272727;
}
.styled-form .form-group .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 15px;
cursor: pointer;
}
.styled-form .pull-left label,
.styled-form .pull-right label {
cursor: pointer;
}
.styled-form .form-group .adon-icon {
position: absolute;
top: 50%;
margin-top: -10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #999999;
z-index: 2;
}
.styled-form .form-group .field-label {
display: block;
color: #272727;
text-transform: capitalize;
font-size: 16px;
margin-bottom: 7px;
font-weight: 400;
}
.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 30px;
padding: 8px 20px;
height: 50px;
font-size: 14px;
border: 1px solid #f4f4f4;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
border-color: #c2b334;
}
.styled-form .form-group .theme-btn {
min-width: 150px;
text-align: center;
padding: 11px 34px;
}
.styled-form .remember-me {
position: relative;
color: #222222;
font-size: 16px;
font-weight: 600;
}
.styled-form .social-links a {
position: relative;
display: inline-block;
font-size: 14px;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
color: #ffffff;
background: #fc721e;
margin: 0px 0px 0px 5px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.styled-form .social-links a:hover {
opacity: 0.80;
}
.styled-form .social-links .facebook {
background: #3b5998;
}
.styled-form .social-links .twitter {
background: #33ccfe;
}
.styled-form .social-links .google-plus {
background: #dd4b39;
}
/***
==================================================================
RTL Code
==================================================================
***/
.rtl .main-header .header-top .info-list li {
float: right;
margin-left: 0px;
margin-right: 15px;
padding-left: 0px;
padding-right: 25px;
text-align: right;
}
.rtl .main-header .header-top .info-list li .icon {
right: 0px;
left: auto;
}
.rtl .main-header .header-upper .logo-box {
right: 0px;
left: auto;
}
.rtl .main-header .nav-outer {
float: left;
}
.rtl .main-menu .navbar-collapse {
float: right;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
transform: rotate(180deg);
}
.rtl .main-menu,
.rtl .main-menu .navigation > li {
float: right;
margin-right: 0px;
margin-left: 28px;
}
.rtl .main-menu .navigation > li:last-child {
margin-right: 0px;
}
.rtl .main-menu .navigation > li > ul {
top: 100%;
left: auto;
right: 30px;
text-align: right;
}
.rtl .main-menu .navigation > li.dropdown:hover > ul {
left: auto;
right: 0px;
}
.rtl .main-menu .navigation > li > ul > li:hover > a {
padding-left: 18px;
padding-right: 30px;
}
.rtl .main-menu .navigation > li > ul > li > a:before {
right: 10px;
left: auto;
}
.rtl .main-menu .navigation > li > ul > li.dropdown > a:after {
right: auto;
left: 15px;
}
.rtl .main-menu .navigation > li > ul > li > ul {
left: auto;
right: 120%;
}
.rtl .main-menu .navigation li > ul > li.dropdown:hover > ul {
left: auto;
right: 100%;
}
.rtl .main-header .header-top .inner-container {
margin-left: 0px;
margin-right: 255px;
}
.rtl .main-header .outer-box {
margin-left: 0px;
}
.rtl .sticky-header .logo {
float: right;
}
.rtl .sticky-header .pull-right {
float: left;
}
.rtl .firm-section .content-column {
order: 2;
}
.rtl .firm-section .content-column .inner-column {
order: 1;
text-align: right;
}
.rtl .firm-section .blocks-column .inner-column {
padding-left: 0px;
padding-right: 55px;
}
.rtl .practice-block .inner-box {
text-align: right;
}
.rtl .practice-block .inner-box .arrow {
left: 25px;
right: auto;
}
.rtl .history-section .history-column {
order: 2;
}
.rtl .history-section .content-column {
order: 1;
}
.rtl .history-block .inner-box {
padding-right: 80px;
text-align: right;
padding-left: 0px;
}
.rtl .history-block .inner-box .year {
right: -30px;
left: auto;
}
.rtl .accordion-box,
.rtl .faq-page-section .title-box,
.rtl .main-footer .footer-widget,
.rtl .case-form .form-group input[type="text"],
.rtl .case-form .form-group input[type="password"],
.rtl .case-form .form-group input[type="tel"],
.rtl .case-form .form-group input[type="email"],
.rtl .case-form .form-group select,
.rtl .case-form .form-group textarea,
.rtl .news-block .inner-box .lower-content,
.rtl .case-block .inner-box .lower-content h4,
.rtl .main-menu .navigation > li > .mega-menu,
.rtl .main-menu .navigation > li .mega-menu-bar h3,
.rtl .sec-title-two .text {
text-align: right;
}
.rtl .team-block .inner-box .image .overlay-box .content {
text-align: right;
}
.rtl .news-block .inner-box .lower-content .author-info .info-inner {
padding-left: 0px;
padding-right: 70px;
}
.rtl .news-block .inner-box .lower-content .author-info .info-inner .author-image {
right: 0px;
left: auto;
}
.rtl .newslettter-boxed .title-column {
order: 2;
text-align: right;
}
.rtl .newslettter-boxed .form-column {
order: 1;
}
.rtl .main-header.header-style-two .header-top .inner-container {
margin-right: 0px;
}
.rtl .main-header.header-style-two .nav-outer {
float: right;
}
.rtl .accordion-box .block .icon {
left: 0px;
right: auto;
}
.rtl .testimonial-block-two .inner-box .upper-box .box-inner {
text-align: right;
padding-left: 0px;
padding-right: 100px;
}
.rtl .testimonial-block-two .inner-box .upper-box .box-inner .author-image {
right: 0px;
left: auto;
}
.rtl .testimonial-block-two .inner-box .text {
text-align: right;
}
.rtl .sec-title-two h2,
.rtl .privacy-section .privacy-content,
.rtl .attorney-detail-section .lower-content,
.rtl .coming-soon .emailed-form .form-group input[type="text"],
.rtl .coming-soon .emailed-form .form-group input[type="tel"],
.rtl .coming-soon .emailed-form .form-group input[type="email"],
.rtl .coming-soon .emailed-form .form-group textarea {
text-align: right;
}
.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button {
left: 0px;
right: auto;
}
.rtl .privacy-section .privacy-list li {
text-align: right;
padding-left: 0px;
padding-right: 26px;
}
.rtl .privacy-section .privacy-list li:before {
right: 0px;
left: auto;
}
.rtl .sec-title-two h2 {
padding-bottom: 0px;
}
.rtl .sec-title-two h2:before {
display: none;
}
.rtl .attorney-detail-box .box-inner .content-column .inner-column {
text-align: right;
}
.rtl .attorney-detail-box .box-inner .attorney-list li {
padding-left: 0px;
text-align: right;
padding-right: 155px;
}
.rtl .attorney-detail-box .box-inner .attorney-list li span {
right: 0px;
left: auto;
}
.rtl .achivements-list li {
padding-left: 0px;
padding-right: 55px;
text-align: right;
}
.rtl .achivements-list li span {
right: 0px;
left: auto;
}
.rtl .skills .skill-item {
padding-left: 0px;
padding-right: 190px;
}
.rtl .skills .skill-item .skill-header {
right: 0px;
left: auto;
}
.rtl .blog-detail,
.rtl .tag-list,
.rtl .shop-comment-form,
.rtl .sidebar-title h5,
.rtl .case-detail-section h5,
.rtl .case-detail-section h4,
.rtl .case-detail-section p,
.rtl .checkout-form .form-group,
.rtl .checkout-form .form-group .field-label,
.rtl .checkout-page .default-links li,
.rtl .checkout-form .checkout-title,
.rtl .checkout-page .lower-content .column h2,
.rtl .checkout-page .lower-content .totals-table li .col.title,
.rtl .checkout-page .lower-content .totals-table .col,
.rtl .case-detail-section .upper-box .content-column .inner-column,
.rtl .services-detail-section .inner-box .lower-content,
.rtl .attorney-contact-form .form-group input[type="text"],
.rtl .attorney-contact-form .form-group input[type="password"],
.rtl .attorney-contact-form .form-group input[type="tel"],
.rtl .attorney-contact-form .form-group input[type="email"],
.rtl .attorney-contact-form .form-group textarea,
.rtl .cart-section .totals-table .col-title,
.rtl .cart-section .cart-outer .group-title h2,
.rtl .cart-section .apply-coupon .form-group input[type="text"],
.rtl .checkout-form input[type="text"],
.rtl .checkout-form input[type="email"],
.rtl .checkout-form input[type="password"],
.rtl .checkout-form input[type="tel"],
.rtl .checkout-form input[type="number"],
.rtl .checkout-form input[type="url"],
.rtl .checkout-form select,
.rtl .checkout-form textarea,
.rtl .shop-comment-form .form-group input[type="text"],
.rtl .shop-comment-form .form-group input[type="password"],
.rtl .shop-comment-form .form-group input[type="tel"],
.rtl .shop-comment-form .form-group input[type="email"],
.rtl .shop-comment-form .form-group textarea,
.rtl .shipping-form .form-group input,
.rtl .shipping-form .form-group select,
.rtl .cart-section .totals-table .col,
.rtl .pincode-form .form-group input[type="text"],
.rtl .prod-tabs .tabs-content .tab .title,
.rtl .shop-single .product-details .prod-tabs .tabs-content .tab p,
.rtl .styled-form input[type="text"],
.rtl .styled-form input[type="email"],
.rtl .styled-form input[type="password"],
.rtl .styled-form input[type="tel"],
.rtl .styled-form input[type="number"],
.rtl .styled-form input[type="url"],
.rtl .styled-form select,
.rtl .styled-form textarea,
.rtl .register-section .form-column h5,
.rtl .comment-form .form-group input[type="text"],
.rtl .comment-form .form-group input[type="password"],
.rtl .comment-form .form-group input[type="tel"],
.rtl .comment-form .form-group input[type="email"],
.rtl .comment-form .form-group textarea {
text-align: right;
}
.rtl .sidebar .search-box .form-group input[type="text"],
.rtl .sidebar .search-box .form-group input[type="search"] {
text-align: right;
padding-right: 20px;
}
.rtl .case-detail-section .upper-box .content-column .about-case-list li {
padding-left: 0px;
padding-right: 25px;
text-align: right;
}
.rtl .case-detail-section .upper-box .content-column .about-case-list li span {
right: 0px;
left: auto;
}
.rtl .about-case-list-two li {
padding-left: 0px;
padding-right: 25px;
text-align: right;
}
.rtl .about-case-list-two li span {
right: 0px;
left: auto;
}
.rtl .product-details .image-column {
order: 2;
}
.rtl .product-details .info-column {
order: 1;
text-align: right;
}
.rtl .product-details .basic-details .item-quantity {
float: right;
margin-left: 20px;
margin-right: 0px;
}
.rtl .sidebar-page-container .comments-area .comment {
text-align: right;
padding-left: 0px;
padding-right: 130px;
}
.rtl .sidebar-page-container .comments-area .comment-box .author-thumb {
right: 0px;
left: auto;
}
.rtl .sidebar-page-container .comments-area .comment .comment-inner .rating {
left: 20px;
right: auto;
}
.rtl .checkout-page .payment-options li .radio-option label {
padding-left: 0px;
text-align: right;
padding-right: 30px;
}
.rtl .checkout-page .payment-options li .radio-option input[type="radio"] {
right: 0px;
left: auto;
}
.rtl .styled-form .form-group .adon-icon {
left: 15px;
right: auto;
}
.rtl .sidebar .search-box .form-group button {
left: 0px;
right: auto;
}
.rtl .blog-cat li a {
padding-left: 0px;
padding-right: 20px;
text-align: right;
}
.rtl .blog-cat li a:before {
right: 0px;
left: auto;
transform: rotate(180deg);
}
.rtl .blog-cat li a span {
left: 0px;
right: auto;
}
.rtl .attorney-widget .post {
padding-left: 0px;
padding-right: 100px;
text-align: right;
}
.rtl .post-widget .post .thumb,
.rtl .attorney-widget .post .thumb {
right: 0px;
left: auto;
}
.rtl .post-widget .post {
padding-left: 0px;
padding-right: 110px;
text-align: right;
}
.rtl .blog-detail .inner-box .upper-box .author-info .info-inner {
padding-left: 0px;
padding-right: 70px;
}
.rtl .blog-detail .inner-box .upper-box .author-info .info-inner .author-image {
right: 0px;
left: auto;
}
.rtl .author-box .author-comment .inner-box {
padding-left: 0px;
padding-right: 165px;
}
.rtl .author-box .author-comment .inner-box .image {
right: 0px;
left: auto;
}
.rtl .sidebar-page-container .comments-area .comment-box .theme-btn {
left: 0px;
right: auto;
}
.rtl .contact-page-section .lower-section .title-column {
order: 2;
}
.rtl .contact-page-section .lower-section .form-column {
order: 1;
}
.rtl .sidebar-info-contents .content-inner,
.rtl .contact-form .form-group,
.rtl .contact-form .form-group input[type="text"],
.rtl .contact-form .form-group input[type="password"],
.rtl .contact-form .form-group input[type="tel"],
.rtl .contact-form .form-group input[type="email"],
.rtl .contact-form .form-group textarea,
.rtl .contact-page-section .lower-section .title-column .inner-column {
text-align: right;
}
.rtl .list-style-one li {
padding-left: 0px;
padding-right: 30px;
text-align: right;
}
.rtl .list-style-one li .icon {
right: 0px;
left: auto;
}
.rtl .mobile-menu .navigation,
.rtl .mobile-menu .nav-logo {
text-align: right;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
left: 0px;
right: auto;
}
/***
==================================================================
Box Layout
==================================================================
***/
.box-layout {
background-color: #f9f9f9;
}
.box-layout .page-wrapper {
max-width: 1300px;
padding: 15px;
overflow: hidden;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}
.rtl .mobile-menu .nav-logo,
.rtl .mobile-menu,
.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li,
.rtl .main-menu .navigation > li .mega-menu-bar h3 {
text-align: right;
}
.rtl .mobile-menu .navigation li.dropdown .dropdown-btn {
left: -1px;
right: auto;
}
.color-palate {
display: none;
}