/*
* Corporate Html Template 2015
* Description: Corporate Template
*/
/*---------------------------------------------
Table Of Content
1.General css
2.Common css all pages
i.Header
ii.Main Menu
iii.Footer
iv.Footer Menu
3.Home Page
i.Business
ii.Our-etp
iii.Isotope
iv.Service
v.Team
vi.Team-bg
vii.News
4.Contact Page
i.Slide Section
ii.Contact-us Section
5.About-us Page
i.Slide Section
ii.About Section
iii.Story Section
iv.Client
6.Blog Page
7.Blog Single Page
8.All Hover
-----------------------------------------------*/
/*-------------------------------------
1.General css
--------------------------------------*/
* {
margin: 0;
padding: 0;
}
body {
font-family: 'Fira Sans', sans-serif;
font-size: 14px;
color: #737373;
background: #f7f7f7;
line-height: 24px !important;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul {
margin: 0;
padding: 0;
}
.clr {
clear: both;
}
a,
a:hover,
a:active,
a:focus {
text-decoration: none;
color: #36a93b;
}
code {
color: #36a93b;
}
.contain {
position: relative;
max-width: 1920px;
margin: 0 auto;
}
input,
textarea {
outline: none
}
/*----------------------------------------------------------------------------------------------------------
2.Common css all page
-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------
i.Header
--------------------------------------*/
#header {
text-transform: capitalize;
border-bottom: 1px solid #ddd;
font-size: 13px;
overflow: hidden;
background: #fff;
}
#header .top-left {
position: relative;
float: left;
}
#header .top-left li {
list-style: none;
float: left;
padding: 5px 50px 5px 0;
}
#header .top-left li > a {
color: #737373;
}
#header .top-right li > a > i,
#header .top-left li > i {
padding-right: 10px;
}
#header .top-right li > .selected {
text-transform: capitalize;
border: 0;
font-size: 14px;
line-height: 1;
outline: 0;
padding: 5px;
color: #36a93b;
}
#header .top-right li.bb {
padding: 5px 30px 5px 0;
}
#header .top-right li {
list-style: none;
display: inline-block;
}
#header .top-right li > a {
color: #737373;
outline: 0;
text-decoration: none;
}
select:focus > option:checked {
background: #fefefe !important;
}
select option:checked,
select option:hover {
color: #737373 !important;
background: #fefefe !important;
}
#header .bc {
float: right;
padding-top: 5px;
}
#header .top-right {
display: inline;
}
#header .t-bg a {
color: #919191;
transition: .7s;
}
#header .t-bg {
margin: 0 3px -8px;
background: #fefefe;
transition: .7s;
}
#header .t-bg:hover {
background: #36a93b;
transition: .7s;
}
#header .t-bg:hover a {
color: #fefefe;
transition: .7s;
}
#header .t-bg,
#header .icon,
#header .h-icon {
display: inline-block;
}
#header .input-group {
position: relative;
display: block;
border-collapse: separate;
}
#header .btn-default {
color: #fff;
border-color: #36a93b;
}
#header .btn-default:hover {
color: #36a93b;
background-color: #fff;
border-color: #36a93b;
transition: .7s;
}
#header label {
color: #333;
}
.btn {
display: inline-block;
padding: 5px 15px;
margin-bottom: 0;
font-size: 16px;
text-shadow: 2px 1px 1px rgba(153, 153, 153, 0.51);
font-weight: 600;
border-radius: 5px;
}
.pb {
padding: 30px 50px;
}
h2.title {
color: #36a93b;
margin: 0 0 15px;
}
.navbar-brand {
padding: 5px !important;
position: absolute;
line-height: 20px;
top: -1px;
z-index: 15;
}
.navbar-brand > img {
border-radius: 50%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
/*-------------------------------------
ii.Main-Menu
--------------------------------------*/
#f-menu,
#main-menu {
position: relative;
}
/*#main-menu {
border-bottom: 6px solid #45af5f;
background-image: url("../../images/header-bg.jpg");
background-size: cover;
}*/
#main-menu {
border-bottom: 6px solid #45af5f;
background-image: url(../images/bg4.jpg);
background-size: cover;
padding: 0 10px;
min-height: 115px;
}
#main-menu .navbar-default {
background-color: #fefefe;
border-color: #fefefe;
}
#f-menu .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
#main-menu .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
color: #36a93b;
transition: .7s;
background-color: transparent;
}
#f-menu .navbar-collapse,
#main-menu .navbar-collapse,
#f-menu .container-fluid,
#main-menu .container-fluid {
padding-right: 0;
padding-left: 0;
}
#f-menu .navbar,
#main-menu .navbar {
position: relative;
min-height: 0;
margin-bottom: 0;
border: none;
}
#main-menu .navbar-nav > li {
border-right: 2px solid #ddd;
}
#main-menu .navbar-nav > li > a {
line-height: 1;
padding: 0 15px;
}
#f-menu .navbar-nav > li:last-child,
#main-menu .navbar-nav > li:last-child {
border-right: none;
}
#main-menu .nav > .menu-icon > a > i:hover,
#main-menu .navbar-default .navbar-nav > li > a:hover {
color: #36a93b;
background: transparent;
}
#main-menu .navbar-default .navbar-nav > li > a {
color: #737373;
transition: .7s;
}
#main-menu .navbar-nav {
float: right;
margin: 33px 0;
}
#main-menu .navbar-nav ul.sm-nowrap > li > a {
white-space: nowrap;
margin: 15px 0;
}
#main-menu .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #36a93b;
text-decoration: none;
background-color: #fff;
}
#main-menu li.open {
transition: .7s;
}
#main-menu .nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.nav .open > a:active {
background-color: #fff;
border-color: #fff;
}
#main-menu .navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
/* color: #555; */
background-color: transparent;
}
#main-menu .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
color: #36a93b;
background-color: #fff;
transition: .7s;
}
.admin-bar .scroll-to-fixed-fixed {
margin-top: 32px;
}
/*-------------------------------------
iii.Footer
--------------------------------------*/
#footer .footer {
position: relative;
background: #171717;
padding: 60px 0 25px;
line-height: 1.7;
color: #919191;
overflow: hidden;
margin-top: -1px;
}
.widget > .f-content p {
margin-top: 25px;
font-size: 13px;
}
.widget > h5.title {
font-size: 15px;
color: #fefefe;
margin: 0 0 25px;
}
#footer .widget > .f-txt1,
#footer .widget > .f-txt {
position: relative;
padding-bottom: 25px;
overflow: hidden;
}
#footer .widget > .f-txt i {
padding-right: 5px;
font-size: 15px;
}
#footer .widget > .f-txt1 i {
float: left;
font-size: 20px;
transition: .7s;
}
#footer .widget > .f-txt > .f-img {
float: left;
margin-right: 10px;
max-width: 80px;
}
#footer .widget > .f-txt p span {
color: #555;
font-style: italic;
}
#footer .widget > .f-txt p a {
color: #919191;
}
#footer .widget > .f-txt p {
margin: 0;
}
#footer .widget > .f-txt1:hover i {
color: #36a93b;
transition: .7s;
}
#footer .widget > .f-txt1 p {
margin: 0;
padding-left: 26px;
}
#footer .widget > .f-txt hr {
margin-top: 30px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #919191;
}
/*-------------------------------------
iv.Footer Menu
--------------------------------------*/
#f-menu {
background: #070707;
padding: 30px 0 15px;
overflow: hidden;
}
#f-menu .menu-txt p {
color: #919191;
text-transform: capitalize;
}
#f-menu .menu-txt p span {
padding: 0 8px;
}
#f-menu .navbar-right {
margin-right: 40px;
}
#f-menu .navbar-default {
background-color: #070707;
border-color: #070707;
}
#f-menu .navbar-default .navbar-nav > li > a:hover {
color: #36a93b;
transition: .7s;
}
#f-menu .navbar-default .navbar-nav > li > a {
color: #919191;
transition: .7s;
}
#f-menu .nav > li {
border-right: 1px solid #737373;
}
#f-menu .nav > li > a {
line-height: 1;
padding: 0 15px;
}
#f-menu .nav ul {
display: none;
}
.scroll-to-top a i {
font-size: 25px;
font-weight: 600;
}
#scrollup:hover {
color: #36a93b;
transition: .7s;
}
#scrollup {
position: relative;
float: right;
margin: -123px 0 0;
color: #919191;
border: 1px solid #171717;
border-radius: 4px;
padding: 3px 10px;
background: #171717;
transition: .7s;
}
/*----------------------------------------------------------------------------------------------------------
3.Home page Start
-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------
i.Business
--------------------------------------*/
.feature {
padding-top: 75px;
}
#business .business {
position: relative;
text-align: center;
overflow: hidden;
}
#business .business h1 {
margin: 0;
font-weight: 100;
color: #4d4c4c;
}
#business .business h1 span {
color: #36a93b;
font-weight: 600;
}
#business .business h3 {
margin: 15px 0 25px;
font-weight: 100;
color: #737373;
font-size: 22px
}
p.txt {
width: 65%;
margin: auto;
text-align: center;
color: #6c6c6c;
}
#business .b-txt {
position: relative;
padding: 75px 0;
text-align: center;
}
#business .b-icon a {
position: absolute;
left: 0;
right: 0;
top: 20px;
font-size: 40px;
color: #fefefe;
}
#business .b-icon {
padding: 12px 0;
}
#business .b-content h3 a {
color: #4d4c4c;
}
#business .b-content h3 {
margin: 25px 0 15px;
}
#business .b-content p {
margin: 0 0 15px;
color: #606060;
line-height: 1.7;
}
#business .icon-bg {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 65px;
height: 65px;
border: none;
border-radius: 5px;
-o-text-overflow: ellipsis;
background: #36a93b;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
margin: auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";
}
/*-------------------------------------
ii.Our-etp
--------------------------------------*/
#our-etp .our-etp {
position: relative;
overflow: hidden;
}
#our-etp .vbg img,
#our-etp .bimg img {
width: 100%;
}
#our-etp div.row > div {
padding: 0;
}
#our-etp div.row {
padding: 0;
margin: 0;
}
#our-etp .text {
position: absolute;
top: 70px;
text-align: center;
left: 0;
right: 0;
max-width: 730px;
margin: 0 auto;
}
#our-etp .text h1 {
font-size: 40px;
color: #36a93b;
font-weight: 100;
}
#our-etp .text p {
margin: 0 0 25px;
}
#our-etp .text > .btn-default i {
-moz-transition: -moz-transform 700ms ease 0s, border-radius 700ms ease 0s;
-o-transition: -o-transform 700ms ease 0s, border-radius 700ms ease 0s;
-webkit-transition: -webkit-transform 700ms ease 0s, border-radius 700ms ease 0s;
-ms-transition: -ms-transform 700ms ease 0s, border-radius 700ms ease 0s;
transition: transform 700ms ease 0s, border-radius 700ms ease 0s;
-moz-transform: translate3d(0%, 0%, 0);
-o-transform: translate3d(0%, 0%, 0);
-webkit-transform: translate3d(0%, 0%, 0);
-ms-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
transform-origin: center center;
-ms-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
-webkit-transform-origin: center center;
}
#our-etp .text > .btn-default:hover i {
-moz-transform: translate3d(18px, 0, 0);
-o-transform: translate3d(18px, 0, 0);
-webkit-transform: translate3d(18px, 0, 0);
-ms-transform: translate3d(18px, 0, 0);
transform: translate3d(18px, 0, 0);
}
#our-etp .text > .btn-default {
font-size: 25px;
color: #36a93b;
border: 1px solid #36a93b;
padding: 5px 50px 5px 15px;
border-radius: 20px;
line-height: 1;
}
#our-etp .vbg > .overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.4);
}
#our-etp .bimg > .overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
/*-------------------------------------
iii.Isotope
--------------------------------------*/
/* ---- .element-item ---- */
#isotope .item-box {
color: #fefefe;
position: relative;
width: 100%;
}
#isotope {
position: relative;
overflow: hidden;
}
#isotope .item-box img {
width: 100%;
}
#isotope .element-item {
position: relative;
width: 33.33%;
height: auto;
}
h3.title {
display: inline-block;
font-size: 26px;
margin: 30px 0 30px 20%;
color: #36a93b;
}
#isotope .iso {
position: relative;
margin: 45px 0 20px;
}
#filters {
display: inline-block;
text-align: center;
position: relative;
left: 25%;
}
#filters .button {
display: inline-block;
padding: 5px 10px;
background: transparent;
border: none;
outline: 0;
font-weight: 500;
background-image: none;
color: #4d4c4c;
border-radius: 0;
text-shadow: none;
cursor: pointer;
transition: .7s;
}
#filters .button:hover {
background-color: #fefefe;
text-shadow: none;
color: #36a93b;
transition: .7s;
}
#filters .button:active,
#filters .button.is-checked {
color: #36a93b;
transition: .7s;
}
#isotope .item-box:hover .is-overlay {
opacity: 1;
left: 0;
right: 0;
bottom: 0;
height: 120px;
width: 100%;
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#isotope .is-overlay {
position: absolute;
background: rgba(0, 0, 51, 0.8);
text-align: center;
opacity: 0;
left: 0;
right: 0;
bottom: 0;
height: 120px;
width: 100%;
-moz-transition: opacity 400ms ease 0s, -moz-transform 400ms ease 0s, border-radius 400ms ease 0s;
-o-transition: opacity 400ms ease 0s, -o-transform 400ms ease 0s, border-radius 400ms ease 0s;
-ms-transition: opacity 400ms ease 0s, -ms-transform 400ms ease 0s, border-radius 400ms ease 0s;
transition: opacity 400ms ease 0s, transform 400ms ease 0s, border-radius 400ms ease 0s;
-moz-transform: translate3d(0%, 100%, 0);
-o-transform: translate3d(0%, 100%, 0);
-webkit-transform: translate3d(0%, 100%, 0);
-ms-transform: translate3d(0%, 100%, 0);
transform: translate3d(0%, 100%, 0);
-ms-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
}
#isotope .is-overlay h3 {
transition: opacity 400ms ease .3s, transform 400ms ease .3s, border-radius 400ms ease .3s;
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
}
#isotope .item-box:hover .is-overlay h3 {
font-size: 22px;
font-weight: 400;
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
#isotope .is-overlay p {
margin: 0;
color: #36a93b;
}
#isotope .is-overlay a {
font-size: 30px;
color: #fefefe;
}
/*-------------------------------------
iv.Service
--------------------------------------*/
#service .service {
position: relative;
padding: 75px 0 0;
}
h1.title {
font-size: 36px;
margin: 0 0 15px;
text-align: center;
color: #333;
}
.area {
padding: 70px 0 0;
}
#service .s-box {
padding-bottom: 60px;
}
#service .s-box:hover .s-content h4 a {
color: #36a93b;
transition: .7s;
}
#service .s-icon {
float: left;
}
#service .s-content {
padding-left: 75px;
}
#service .s-icon > .s-ibg {
width: 50px;
height: 50px;
border: none;
border-radius: 5px;
-o-text-overflow: ellipsis;
background: #36a93b;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
#service .s-icon i {
position: relative;
bottom: 38px;
font-size: 26px;
color: #fefefe;
display: block;
text-align: center;
}
#service .s-content h4 a {
color: #484848;
transition: .7s;
}
#service .s-content p {
color: #6b6a6a;
line-height: 1.7;
}
/*-------------------------------------
v.Team
--------------------------------------*/
#team .team {
background: rgba(238, 238, 238, 0.3);
padding-top: 75px;
overflow: hidden;
}
#team .t-content {
position: relative;
}
p.text {
max-width: 450px;
margin: 0 auto;
text-align: center;
}
#team .t-img img {
width: 100%;
}
#team .t-content {
position: absolute;
top: 20px;
right: 5px;
text-align: center;
transition: opacity 1000ms ease 0s, transform 1000ms ease 0s, border-radius 1000ms ease 0s;
}
#team .content h3 {
margin: 0;
}
#team .content h3 a {
font-size: 22px;
color: #36a93b;
}
#team .t-content h5 {
font-size: 16px;
color: #36a93b;
margin: 0 0 5px;
}
#team .content,
#team .t-content p {
text-transform: capitalize;
}
#team .t-box {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
margin-bottom: -1px;
}
.t-bg,
.ti-bg {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 25px;
height: 25px;
border: none;
border-radius: 3px;
-o-text-overflow: ellipsis;
background: #36a93b;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.t-overlay > .icon > .t-bg a {
top: 1px;
}
.t-bg a,
.ti-bg a {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-o-text-overflow: ellipsis;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
position: absolute;
text-align: center;
color: #fefefe;
left: 0;
right: 0;
top: 3px;
}
.t-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(22, 29, 45, 0.95);
padding: 15px 32px;
font-size: 13px;
line-height: 1.9;
text-align: center;
color: #fefefe;
opacity: 0;
-moz-transition: opacity 1000ms ease 0s, -moz-transform 1000ms ease 0s, border-radius 1000ms ease 0s;
-o-transition: opacity 1000ms ease 0s, -o-transform 1000ms ease 0s, border-radius 1000ms ease 0s;
-webkit-transition: opacity 1000ms ease 0s, -webkit-transform 1000ms ease 0s, border-radius 1000ms ease 0s;
-ms-transition: opacity 1000ms ease 0s, -ms-transform 1000ms ease 0s, border-radius 1000ms ease 0s;
transition: opacity 1000ms ease 0s, transform 1000ms ease 0s, border-radius 1000ms ease 0s;
-moz-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
-o-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
-webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
-ms-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}
#team .icon {
margin: 65px 0 20px;
}
.ti-bg {
display: inline-block;
}
.t-bg {
margin: 0 7px;
display: inline-block;
}
.t-box:hover .t-content {
opacity: 0;
transition: opacity 1000ms ease 0s, transform 1000ms ease 0s, border-radius 1000ms ease 0s;
}
.t-box:hover .t-overlay {
opacity: 1;
-moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-o-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
-ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
/*-------------------------------------
vi.Team-bg
--------------------------------------*/
#team-bg {
background: url(../images/tbg.jpg)no-repeat;
background-position: 100%;
background-size: cover;
overflow: hidden;
}
.team-bg {
background-color: rgba(0, 0, 0, 0.9);
padding: 100px 0;
position: relative;
color: #fefefe;
}
.team-slider img {
width: 126px;
}
#team-bg .carousel-inner {
position: relative;
width: 70%;
overflow: hidden;
margin: auto;
}
#team-bg .carousel-caption {
position: absolute;
right: 15%;
bottom: 0;
left: 20%;
z-index: 10;
padding-top: 20px;
padding-bottom: 0px;
color: #fefefe;
text-shadow: none;
text-align: left;
}
#team-bg .team-txt h4 {
font-family: 'Fira Sans', sans-serif;
margin: 0;
color: #36a93b;
}
#team-bg .team-txt h5 {
font-family: 'Fira Sans', sans-serif;
text-transform: capitalize;
font-weight: 100;
margin: 4px 0 13px;
font-size: 13px;
color: #bcbbbb;
}
#team-bg .team-txt p {
font-style: italic;
font-weight: 100;
color: #e6e1e1;
margin: 0;
line-height: 1.8;
}
#team-bg .carousel-indicators {
position: absolute;
bottom: 0;
top: 150px;
left: 50%;
z-index: 15;
width: 60%;
text-align: center;
list-style: none;
}
#team-bg .carousel-indicators li {
display: inline-block;
width: 8px;
height: 8px;
background-color: #fefefe;
border: 1px solid #fefefe;
border-radius: 50%;
margin: 2px;
}
#team-bg .carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #36a93b;
border-radius: 0;
border-color: #36a93b;
transform: rotateZ(45deg);
}
/*-------------------------------------
vii.News
--------------------------------------*/
#news .area {
padding: 0 0 70px 0;
}
#news .news-area-padding {
padding-bottom: 70px;
}
#news .pageedit {
padding-left: 16px;
}
#news .pageedit a.page-numbers {
color: #737373;
list-style: none;
display: inline-block;
border-right: 1px solid #ddd;
padding: 4px 11px;
margin: 0 -1px;
}
#news .news {
padding: 75px 0 55px;
overflow: hidden;
}
#news .n-box {
margin-bottom: 20px;
}
#news .n-box img {
width: 100%;
}
#news .n-txt h3 a {
color: #737373;
}
#news .n-txt h3 {
font-size: 21px;
}
#news .n-txt h5 a {
color: #36a93b;
}
#news .n-txt h5 {
margin: 0 0 20px;
color: #36a93b;
font-weight: 100;
}
#news .n-txt h5 i {
padding-right: 5px;
}
#news .n-txt h5 span {
padding: 0 10px;
}
#news .n-txt p {
margin: 0 0 30px;
}
.btn {
display: inline-block;
padding: 8px 15px;
margin-bottom: 0;
font-size: 14px;
text-shadow: none;
font-weight: 500;
border-radius: 4px;
outline: 0;
}
.btn-default {
color: #919191;
background-color: transparent;
border-color: #919191;
}
.btn-default:hover {
color: #333;
background-color: transparent;
border-color: #36a93b;
outline: 0;
}
/*----------------------------------------------------------------------------------------------------------
3.Home page End
-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------
4.Contact page Start
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------
i.Slide Section
----------------------------------*/
#slide {
overflow: hidden;
}
#slide .sbg {
color: #fefefe;
padding: 30px 0;
position: relative;
}
#slide .sbg h1 {
border-right: 1px solid #fefefe;
font-size: 60px;
margin: 0;
padding: 8px 15px 0 0;
float: left;
font-weight: 600;
color: #fff;
position: relative;
}
#slide .sbg h3 {
margin: 0;
padding-left: 15px;
display: inline-block;
color: #fff;
position: relative;
}
/*---------------------------------
ii.Contact-us Section
----------------------------------*/
#contact-us .contact img {
width: 100%;
}
#contact-us .contact {
background: url(../../assets/images/sbg2.jpg)no-repeat;
background-size: cover;
background-position: 100%;
margin-top: -125px;
position: relative;
}
#contact-us .over-txt {
text-align: center;
margin: auto;
position: relative;
top: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
padding: 30px 0;
}
#contact-us .over-txt h2 span {
color: #36a93b;
}
#contact-us .over-txt h2 {
background: rgba(255, 255, 255, 0.09);
font-weight: 100;
color: #919191;
padding: 15px 0 8px;
margin: auto;
max-width: 80%;
}
#contact-us .c-icon ul li:hover a {
color: #36a93b;
transition: .7s;
}
#contact-us .c-icon ul li:hover {
background: rgba(255, 51, 51, 0.22);
transition: .7s;
}
#contact-us .c-icon ul li {
list-style: none;
display: inline-block;
background: rgba(255, 255, 255, 0.09);
width: 13%;
padding: 5px 0;
margin-top: 5px;
font-size: 30px;
transition: .7s;
}
#contact-us .c-icon ul li a {
color: #919191;
transition: .7s;
}
#map {
width: 100%;
height: 400px;
}
#contact-us .form-group {
margin-bottom: 0;
}
#contact-us .contact-us {
padding: 0px 0 50px;
}
#contact-us .c-txt p {
line-height: 1.8;
margin: 0;
}
#contact-us .c-txt li a {
color: #555;
}
#contact-us .c-txt li.b-c {
border-bottom: 0;
}
#contact-us .c-txt li {
list-style: none;
position: relative;
padding: 15px 0 20px 25px;
line-height: 1.8;
border-bottom: 1px solid #ddd;
}
#contact-us .c-txt i {
position: absolute;
top: 20px;
left: 0;
color: #333;
font-size: 18px;
}
#contact-us .c-txt label {
font-weight: 100;
}
.c-txt input {
margin-bottom: 25px;
float: left;
}
textarea {
margin-bottom: 30px;
}
.form-control:focus {
border-color: #ddd;
outline: 0;
box-shadow: none;
}
.form-control {
border-radius: 0;
box-shadow: none;
text-transform: capitalize;
outline: 0;
}
#blog .c-txt .btn-default:hover,
#contact-us .c-txt .btn-default:hover {
color: #36a93b;
}
#blog .c-txt .btn-default,
#contact-us .c-txt .btn-default {
font-weight: 500;
color: #fff;
border: 1px solid #36a93b;
padding: 8px 20px;
border-radius: 5px;
}
#contact-us .c-txt h3 {
margin: 0 0 15px;
color: #36a93b;
}
#contact-us .c-txt h4 {
margin: 0 0 15px;
}
/*----------------------------------------------------------------------------------------------------------
4.Contact page End
-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------
5.About-us page Start
-----------------------------------------------------------------------------------------------------------*/
/*------------------------------
i.slide Section
--------------------------------*/
#slide {
overflow: hidden;
}
#slide .s-bg {
position: relative;
padding: 50px 0;
}
#slide .s-bg-main {
position: relative;
padding: 50px 0;
}
.s-bg-page {
position: relative;
padding: 0;
text-align: center;
}
.s-bg-page h5 {
padding: 0 10px;
color: #737373;
font-size: 30px;
}
.s-bg-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
color: #fefefe;
padding: 50px 0;
}
#slide .s-bg h1 {
border-right: 1px solid #fefefe;
font-size: 72px;
margin: 0;
padding: 15px 15px 5px 0;
float: left;
font-weight: 600;
color: #fff;
position: relative;
}
#slide .s-bg h3 {
margin: 0;
padding: 10px 0 0 15px;
display: inline-block;
color: #fff;
position: relative;
}
/*------------------------------
ii.About Section
--------------------------------*/
#about .about {
position: relative;
background: #f5f5f5;
overflow: hidden;
}
#about .about-us {
padding: 90px 0 70px;
}
#about .about-us h1 {
margin: 0 0 5px;
color: #333;
font-size: 48px;
text-align: center;
}
#about .about-us p {
margin: 0;
text-align: center;
color: #333;
}
#about .au-img img {
width: 100%;
}
#about .a-us {
padding-top: 50px;
line-height: 1.8;
}
#about .a-us h5 {
margin: 0 0 25px;
color: #737373;
font-size: 15px;
line-height: 1.5;
}
#about .a-us p {
text-align: left;
margin: 0 0 20px;
color: #919191;
}
#about .a-us ul > li {
list-style: none;
color: #333;
}
#about .a-us ul > li > i {
padding-right: 15px;
color: #36a93b;
}
#about .au-icon {
margin-top: 24px;
}
#blog .c-txt a.submit:hover,
#contact-us .c-txt a.submit:hover,
.au-icon .btn-default:hover {
color: #36a93b;
border: 1px solid #36a93b;
transition: .7s;
}
.au-icon .btn-default {
color: #fff;
border: 1px solid #36a93b;
padding: 8px 15px;
font-weight: 500;
border-radius: 5px;
}
section#business {
overflow: hidden;
}
.aboutus {
position: relative;
padding: 60px 0;
text-align: center;
}
#blog .aboutus {
position: relative;
padding: 0;
text-align: center;
}
/*------------------------------
iii.Story Section
--------------------------------*/
#story {
overflow: hidden;
position: relative;
}
#story .story-overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
top: 0;
}
#story .story {
color: #fefefe;
padding: 90px 0;
}
.a-icon {
margin-top: 40px;
}
.a-icon a:hover {
color: #36a93b;
border: 1px solid #36a93b;
transition: .7s;
}
.a-icon a {
color: #fff;
border: 1px solid #36a93b;
padding: 12px 15px;
font-weight: 500;
border-radius: 5px;
}
#story .au-story p {
margin: 0;
line-height: 1.8;
}
#story .au-story h2 {
margin: 0 0 25px;
font-size: 26px;
}
#story .progress {
height: 5px;
margin-bottom: 30px;
overflow: hidden;
background-color: #fefefe;
border-radius: 1px;
box-shadow: none;
}
#story .progress-bar {
font-size: 14px;
line-height: 20px;
color: #fefefe;
text-align: right;
background-color: #36a93b;
box-shadow: none;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
#story .sr-only {
position: absolute;
padding: 0;
margin: 5px 0 0;
overflow: initial;
clip: auto;
border: 0;
right: 45px;
}
#story label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 100;
}
/*------------------------------
iv.Client Section
--------------------------------*/
#client {
background: url(../images/sbg4.jpg)no-repeat;
background-position: 50% 50%;
background-size: cover;
}
#client .client {
padding: 50px 0;
position: relative;
color: #fefefe;
text-align: center;
margin-bottom: -2px;
}
#client .client h2 {
text-align: center;
font-weight: normal;
margin: 0 0 8px;
letter-spacing: 1px;
}
#client .client h4 {
font-size: 16px;
margin: 0 0 25px;
font-weight: normal;
letter-spacing: 1px;
}
#client .carousel-inner > .item > img {
line-height: 1;
margin: auto;
}
#client .c-txt p span {
font-size: 13px;
}
#client .c-txt {
padding-top: 20px;
}
#client .carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 40px;
}
#client .carousel-control.right {
background-image: none;
left: auto;
right: 49%;
top: 80%;
}
#client .carousel-control.left {
background-image: none;
left: 47%;
right: auto;
top: 80%;
}
#client .carousel-control i:hover {
color: #fff;
background: #36a93b;
transition: .7s;
border: 1px solid #fff;
}
#client .carousel-control i {
background: #fefefe;
opacity: 1;
padding: 3px 15px;
border-radius: 4px;
color: #333;
font-size: 18px;
}
#client .carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
font-size: 20px;
color: #fefefe;
text-shadow: none;
background-color: transparent;
filter: alpha(opacity=50);
opacity: 1;
}
.carousel-control:focus,
.carousel-control:hover {
color: #fefefe;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: 1;
}
#client #carousel-example .item img {
width: 124px;
height: 124px;
}
#client .brand {
background: #fff;
padding: 30px 0;
}
#client .brand img {
max-width: 100%;
}
#client .brand ul > li {
list-style: none;
display: inline-block;
margin: 0 15px;
width: 17%;
}
/*----------------------------------------------------------------------------------------------------------
5.About-us page End
-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------
6.Blog page Start
-----------------------------------------------------------------------------------------------------------*/
#blog .blogg {
position: relative;
padding: 0px 0 0px;
overflow: hidden;
}
#blog .blog img {
max-width: 100%;
margin-bottom: 40px;
}
#blog .b-content {
padding: 0 0 50px;
border-bottom: 1px solid #ddd;
margin-bottom: 50px;
}
#blog .calender span {
font-size: 18px;
}
#blog .calender {
position: absolute;
font-size: 36px;
border: 3px solid #36a93b;
width: 85px;
text-align: center;
line-height: .6;
padding: 13px 4px 10px 4px;
color: #333;
}
#blog .b-txt h3 a {
color: #737373;
}
#blog .b-txt {
position: relative;
padding-left: 115px;
}
#blog .b-txt h3 {
font-size: 26px;
margin: 0 0 20px;
}
#blog .b-txt a.admin,
#blog p.content a.admin {
color: #36a93b;
}
#blog p.content a {
color: #737373;
}
#blog p.content span {
padding: 5px;
}
#blog p.content {
margin: 0;
border: 1px solid #ddd;
border-left: 0;
border-right: 0;
padding: 5px 0;
color: #919191;
}
#blog .b-txt p {
margin: 15px 0;
line-height: 1.8;
}
#blog .b-txt a span {
color: #737373;
}
#blog .nav,
#blog .blog-widget > .search1 {
position: relative;
overflow: hidden;
}
#blog .blog-widget > .search1 > .search input {
position: absolute;
top: 0;
right: 0;
background: #36a93b;
color: #fff;
padding: 6px 15px;
width: 50px;
font-family: 'FontAwesome';
/* This is for the placeholder */
}
#blog .blog-widget > .search1 input {
width: 100%;
padding: 5px 8px;
outline: 0;
border: 1px solid #ddd;
position: relative;
text-transform: capitalize;
font-weight: 100;
}
h3.border {
margin: 0;
color: #333;
}
.blog-widget h3.border {
padding-bottom: 35px;
}
.blog-widget {
padding-bottom: 35px;
}
.custom-category {
padding-bottom: 35px;
}
.custom-category ul li,
.tp_recent_tweets ul li {
margin-left: 0 !important;
}
#blog .blog-widget > .right-side ul > li {
list-style: none;
padding: 8px 0;
font-size: 16px;
border-bottom: 1px solid #ddd;
}
#blog .blog-widget > .right-side ul > li > a {
color: #919191;
transition: .7s;
}
#blog .blog-widget > .right-side ul > li > a:after {
content: '\f105';
float: right;
padding: 5px 0;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#blog .blog-widget > .right-side ul > li:hover a {
color: #36a93b;
}
#blog .blog-widget > .right-side ul > li > a:hover:after {
color: #000;
}
#blog .blog-widget .RP {
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
overflow: hidden;
}
#blog .blog-content table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
#blog .blog-content td,
#blog .blog-content th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
#blog .blog-content tr:nth-child(even) {
background-color: #dddddd;
}
#blog .blog-widget .rp-img {
float: left;
margin-right: 10px;
max-width: 90px;
}
#blog .blog-widget .rp-txt h4 a {
color: #737373;
transition: .7s;
}
#blog .blog-widget .rp-txt h4 {
margin: 0 0 5px;
font-size: 16px;
}
#blog .blog-widget .RP:hover .rp-txt h4 a {
color: #36a93b;
}
#blog .blog-widget .rp-txt p {
margin: 0;
font-size: 13px;
font-style: italic;
}
#blog .blog-widget .rp-txt p a {
color: #919191;
}
#blog .blog-widget > .blog-tag ul {
overflow: hidden;
padding: 35px 0;
}
#blog .blog-widget > .blog-tag ul > li {
list-style: none;
float: left;
margin: 0 10px 10px 0;
}
#blog .blog-widget .link a:hover,
#blog .blog-widget > .blog-tag ul > li > a:hover {
color: #36a93b;
border: 1px solid #36a93b;
}
#blog .blog-widget > .blog-tag ul > li > a {
padding: 6px 15px;
color: #fff;
border: 1px solid #36a93b;
border-radius: 5px;
}
#blog .blog-widget .tw-icon {
position: absolute;
font-size: 24px;
color: #919191;
transition: .7s;
}
#blog .blog-widget .tw-txt {
position: relative;
padding-left: 30px;
}
#blog .blog-widget .tw-txt p {
margin: 0;
}
#blog .blog-widget .tw-txt a {
color: #36a93b;
}
#blog .blog-widget .link {
padding-top: 15px;
}
#blog .blog-widget .link .btn-default:hover {
color: #36a93b;
}
#blog .blog-widget .link .btn-default {
color: #fff;
padding: 6px 15px;
border-radius: 5px;
font-style: italic;
border-color: #36a93b;
text-transform: lowercase;
}
#blog .blog-widget .twitt {
overflow: hidden;
padding: 30px 0;
}
#blog .blog-widget .tw:hover .tw-icon {
color: #36a93b;
transition: .7s;
}
#blog .pagination {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: 4px;
float: right;
}
#blog .pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
color: #36a93b !important;
}
#blog .pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
z-index: 3;
color: #36a93b;
cursor: pointer;
background-color: transparent;
border-color: #ddd;
}
#blog .pagination > li > a,
#blog .pagination > li > span {
position: relative;
float: left;
padding: 4px 10px;
margin-left: -1px;
line-height: 1.42857143;
color: #737373;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
/*----------------------------------------------------------------------------------------------------------
6.Blog page End
-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------
7.Blog-single Page Start
-----------------------------------------------------------------------------------------------------------*/
#slide .slide h3 {
padding: 25px 0 0 15px;
color: #fff;
position: relative;
}
#blog .blog-c {
padding: 0;
font-size: 13px;
}
.b-single h4 {
font-size: 20px;
margin: 0;
color: #737373;
font-weight: 100;
}
#blog .blog-c .blog-content li {
margin-left: 15px;
}
blockquote {
padding: 0 10px;
margin: 0 0 20px;
font-size: 16px;
border-left: 3px solid #36a93b;
font-weight: 100;
}
.b-single ul {
padding-left: 35px;
}
.b-menu {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
}
.b-menu i {
display: inline-block;
font-size: 15px;
padding-right: 15px;
color: #919191;
}
.b-menu ul {
display: inline-block;
}
.b-menu ul > li {
list-style: none;
display: inline-block;
}
.b-menu ul > li > a {
color: #fff !important;
background: #36a93b;
padding: 3px 5px;
border-radius: 4px;
font-size: 12px;
text-transform: capitalize;
}
.share-post {
padding: 25px 0 35px;
}
.share-post label {
font-weight: 100;
margin: 0;
padding-right: 15px;
color: #919191;
}
.share-post ul {
display: inline-block;
}
.share-post ul > li {
display: inline-block;
list-style: none;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
line-height: 31px;
text-align: center;
transition: .7s;
font-size: 13px;
margin-right: 4px;
}
.share-post ul > li > a {
color: #333 !important;
transition: .7s;
}
.share-post ul > li:hover a {
color: #fff !important;
transition: .7s;
}
.share-post ul > li:hover {
background: #36a93b;
transition: .7s;
}
.a-post {
overflow: hidden;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.a-post img {
float: left;
}
.a-txt {
padding-left: 100px;
}
.a-txt h5 {
font-size: 16px;
margin: 0;
font-weight: 400;
color: #454545;
}
.a-txt p {
margin: 15px 0 !important;
}
.rel-img {
float: left;
padding: 0 5px;
width: 210px;
}
#blog .rel-post {
position: relative;
overflow: hidden;
padding-bottom: 50px;
}
#blog .rel-post h3 {
font-size: 22px;
margin: 35px 0;
color: #333;
}
#blog .rel-img h4 a {
color: #525151;
}
#blog .rel-img h4 {
font-size: 16px;
font-weight: 400;
margin: 15px 0 0;
}
#blog .rel-img p {
margin: 0;
font-style: italic;
color: #919191;
}
#blog .comments-title {
margin: 0;
font-weight: 500;
font-size: 15px;
line-height: 1;
color: #333;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
}
.comment-author {
float: left;
}
*/ .comment-list {
padding-top: 50px;
margin: 0;
}
.comment {
list-style: none;
}
.comment-content > b.fn {
margin: 0 0 10px;
color: #333;
font-weight: 400;
font-size: 18px;
}
.comment-content span {
text-transform: none;
font-weight: 400;
color: #36a93b;
}
#blog .reply:before {
content: '\f112';
padding-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#blog .every-reply {
font-size: 15px;
transition: .7s;
display: inline-block;
float: right;
}
#blog .comment-body {
padding-bottom: 40px;
overflow: hidden;
}
#blog .comment-form p,
#blog .comment-content p {
margin: 0;
line-height: 1.6;
}
#blog .comment-content {
text-transform: capitalize;
margin: 0;
color: #919191;
}
.b-txt hr {
margin: 55px 0;
border: 0;
border-top: 1px solid #ddd;
}
.comment-reply-title {
margin: 0;
font-weight: 500;
font-size: 15px;
color: #333;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 15px 0;
}
#blog .comment-notes {
margin: 15px 0 40px !important;
color: #919191;
}
#blog label {
font-weight: 100;
color: #919191;
width: 100%;
padding-bottom: 10px;
}
textarea,
input {
border: 1px solid #ddd;
}
#respond {
overflow: hidden;
}
#blog .submit:hover {
color: #36a93b;
background: transparent;
transition: .7s;
}
#blog .submit {
font-weight: 500;
color: #fff;
border: 1px solid #36a93b;
background: #36a93b;
padding: 8px 20px;
border-radius: 5px;
transition: .7s;
margin-bottom: 17px;
margin-top: 10px;
}
.cr {
display: inline-block;
width: 214px;
}
/*----------------------------------------------------------------------------------------------------------
7.Blog-single Page End
-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------
8.All Hover
-----------------------------------------------------------------------------------------------------------*/
/* Rectangle In */
.hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #36a93b;
border-radius: 4px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
color: white;
}
.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
}
/* Rectangle Out */
.hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: transparent;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #36a93b;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
}
/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
/*---------------------------------------------------------
9.Pre loader
---------------------------------------------------------*/
@keyframes loader {
0%,
10%,
100% {
width: 80px;
height: 80px;
}
65% {
width: 150px;
height: 150px;
}
}
@keyframes loaderBlock {
0%,
30% {
transform: rotate(0);
}
55% {
background-color: #36a93b;
}
100% {
transform: rotate(90deg);
}
}
@keyframes loaderBlockInverse {
0%,
20% {
transform: rotate(0);
}
55% {
background-color: #36a93b;
}
100% {
transform: rotate(-90deg);
}
}
.loader {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
animation: loader 1.2s infinite ease-in-out;
}
.loader span {
position: absolute;
display: block;
width: 40px;
height: 40px;
background-color: #36a93b;
animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader span:nth-child(1) {
top: 0;
left: 0;
}
.loader span:nth-child(2) {
top: 0;
right: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader span:nth-child(3) {
bottom: 0;
left: 0;
animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader span:nth-child(4) {
bottom: 0;
right: 0;
}
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
/* change if the mask should have another color then white */
z-index: 9999999;
opacity: .98;
}
/*----------------------------------------------------------------------------------------------------------
Start:  Recent Tweet Plug-in customize
-----------------------------------------------------------------------------------------------------------*/
/*footer recent tweet*/
.footer .tp_recent_tweets li span a {
font-weight: normal;
color: #919191;
}
.footer .tp_recent_tweets li span a:hover {
color: #36a93b;
}
.footer .tp_recent_tweets li {
background-image: none;
padding-left: 25px;
line-height: 1.7;
}
.footer .tp_recent_tweets li {
position: relative;
}
.footer .tp_recent_tweets li:hover::after {
color: red
}
.footer .tp_recent_tweets li:after {
content: "\f099";
font-family: FontAwesome;
left: 0px;
position: absolute;
top: -3px;
font-size: 20px;
color: #919191;
}
.blog-custom-widget .tp_recent_tweets li span a {
font-weight: normal;
color: #36a93b;
}
.blog-custom-widget .tp_recent_tweets li span a:hover {
color: #36a93b;
}
.blog-custom-widget .tp_recent_tweets li {
background-image: none;
padding-left: 25px;
line-height: 1.7;
}
.blog-custom-widget .tp_recent_tweets li {
position: relative;
}
.blog-custom-widget .tp_recent_tweets li:hover::after {
color: red
}
.blog-custom-widget .tp_recent_tweets li:after {
content: "\f099";
font-family: FontAwesome;
left: 0px;
position: absolute;
top: -3px;
font-size: 20px;
color: #919191;
}
.blog-custom-widget .tp_recent_tweets .twitter_time {
display: block;
font-size: 14px;
font-weight: bold;
color: #fff;
padding: 6px 15px;
border-radius: 5px;
font-style: italic;
border-color: #36a93b;
text-transform: lowercase;
background: #36a93b;
width: 120px;
text-align: center;
margin-top: 15px;
}
/*-------------------------------------------------------
Begin:  Edit Contact form 7
-------------------------------------------------------*/
input.wpcf7-form-control.wpcf7-text {
width: 100%;
padding: 6px 12px;
outline: 0;
}
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 6px 12px;
margin-bottom: 10px;
margin-top: 15px;
outline: 0;
height: 150px;
}
p.contactformmsg {
width: 100%;
display: inline-block;
}
h4.contactformh4 {
margin: 0 0 15px;
}
img.ajax-loader {
display: none;
}
/*input.wpcf7-form-control.wpcf7-submit {
font-weight: 500;
color: #fff;
border: 1px solid #36a93b;
padding: 8px 20px;
border-radius: 5px;
background: #36a93b;
outline: 0;
}
*/
.logged-in-as,
.logged-in-as a {
color: #36a93b;
}
/*--------comment style change----------*/
#comment-nav-above .nav-next {
float: right;
}
#comment-nav-above .nav-previous a,
#comment-nav-above .nav-next a {
color: #737373;
}
#comment-nav-above .nav-previous {
float: left;
}
.nav-next {
float: right;
}
#blog .comment-content {
overflow: hidden;
}
#blog .reply {
float: right;
}
#blog .comment-author.vcard {
padding-right: 25px;
}
.comment-custom-setup .reply a {
color: #737373;
font-size: 15px;
}
/*---comment navigation--*/
.nav-previous a {
color: #737373;
}
.nav-previous {
float: left;
display: inline-block;
}
.nav-next a {
color: #737373;
}
.nav-next {
float: right;
}
/*-------------------------------------------------------
Begin:  Edit Comment form
-------------------------------------------------------*/
#comments p.comment-form-comment {
width: 100%;
}
#comments textarea#comment {
width: 100%;
margin-bottom: 15px;
padding: 6px 12px;
}
#comments p.comment-form-author,
#comments p.comment-form-email,
#comments p.comment-form-url {
width: 33.33%;
float: left;
}
#comments input#author,
#comments input#url,
#comments input#email {
width: 100%;
padding: 6px 12px;
outline: 0;
}
#comments h2.screen-reader-text {
display: none;
}
#comments nav.navigation.comment-navigation {
margin-bottom: 30px;
}
#comments ul.comment-list {
padding-top: 50px;
}
/*-------comment + reply edit---------*/
#comments cite.fn,
#comments cite.fn a,
span.says {
margin: 0 0 10px;
color: #333;
font-weight: 400;
font-size: 18px;
text-transform: capitalize;
font-style: normal;
}
.comment-custom-paraghraph a {
font-weight: 400;
color: #36a93b;
}
#comments .commentmetadata a {
font-weight: 400;
color: #36a93b;
}
.comment-custom-setup:hover .reply,
.comment-custom-setup:hover .comment-reply-link {
color: #36a93b !important;
}
#comments .comment-custom-reply .comment-reply-link {
color: #737373;
font-size: 15px;
transition: .7s;
}
#comments .comment-name-title {
padding-bottom: 8px;
}
.comment-custom-reply {
float: right;
}
.comment-custom-setup {
overflow: hidden;
}
.b-edit b.fn {
text-transform: capitalize;
color: #333;
font-weight: 400;
font-size: 18px;
}
.comment-author.vcard.comment-author-edit {
padding-right: 25px;
}
.time-edit {
padding-top: 5px;
}
.time-edit time {
text-transform: none;
font-weight: 400;
color: #36a93b;
}
.comment-respond-edit a#cancel-comment-reply-link {
font-weight: 400;
color: #36a93b;
}
.form-padding-right {
padding-right: 1px;
}
.form-padding-left {
padding-left: 1px;
}
.new-depth {
padding-left: 0px;
}
.depth-2 {
padding-left: 80px;
}
.comment-list {
padding-top: 50px;
margin: 0;
}
/*-------------------------------------------------------
Begin:  Edit Tag (widget)
-------------------------------------------------------*/
.tagcloud a {
padding: 6px 15px;
color: #fff;
border: 1px solid #36a93b;
border-radius: 5px;
background: #36a93b;
margin: 0 6px 5px 0;
overflow: hidden;
display: inline-block;
font-weight: 500;
transition: .7s;
font-size: 14px !important;
}
.tagcloud a:hover {
color: #36a93b;
background-color: #fff;
border-color: #36a93b;
}
/*-------------------------------------------------------
Begin:  Pagination (Blog Page)
-------------------------------------------------------*/
.pageedit h2.screen-reader-text {
display: none;
}
.pageedit a.page-numbers:hover {
color: #36a93b;
}
.pageedit a.page-numbers {
color: #737373;
}
.pageedit span.page-numbers.current {
color: #36a93b;
}
.pageedit a.prev.page-numbers {
display: none;
}
.pageedit .nav-links {
border: 1px solid #ddd;
border-radius: 3px;
}
span.page-numbers.current {
list-style: none;
display: inline-block;
border-right: 1px solid #ddd;
padding: 4px 11px;
margin: 0 -2px;
}
.pageedit a.page-numbers {
color: #737373;
list-style: none;
display: inline-block;
border-right: 1px solid #ddd;
padding: 4px 11px;
margin: 0 -2px;
}
.pageedit .nav-links li:last-child {
border-right: none;
}
.pageedit .nav-links li {
list-style: none;
display: inline-block;
border-right: 1px solid #ddd;
padding: 4px 11px;
margin: 0 -2px;
}
/*-------------------------------------------------------
Begin:  Related Post (Single Page)
-------------------------------------------------------*/
.custom-time {
font-style: italic;
color: #919191;
margin-top: 5px;
}
/*-------------------------------------------------------
Begin:  Breadcrump (Single Page)
-------------------------------------------------------*/
div#crumbs a {
color: #fefefe;
}
/*---------------google language translator------------*/
.language-change select {
border: none;
outline: none;
}
/*-------------------------------------------------------
Begin:  Sign-in/ Register (Home Page)
-------------------------------------------------------*/
#wppb-register-user ul {
width: 100%;
display: inline-block;
}
li.wppb-form-field textarea,
li.wppb-form-field input,
li.wppb-form-field label {
width: 100%;
display: inline-block;
}
li.wppb-form-field textarea,
li.wppb-form-field input,
input#user_pass,
input#user_login {
padding: 6px 12px;
}
li.wppb-form-field .wppb-default-biographical-info {
width: 100%;
display: inline-block;
}
textarea#description {
margin-bottom: 0;
}
li#wppb-form-element-11 {
width: 100%;
margin-bottom: 15px;
}
li#wppb-form-element-11,
li#wppb-form-element-2,
li#wppb-form-element-3,
li#wppb-form-element-4,
li#wppb-form-element-5,
li#wppb-form-element-7,
li#wppb-form-element-8,
li#wppb-form-element-9,
li#wppb-form-element-10,
li#wppb-form-element-12,
li#wppb-form-element-13,
input#user_login,
input#user_pass {
width: 100%;
display: inline-block;
margin-bottom: 15px;
outline: 0;
}
input#register,
input#wppb-submit {
color: #fff;
border-color: #36a93b;
background: #36a93b;
padding: 8px 15px;
margin-bottom: 0;
font-size: 14px;
text-shadow: none;
font-weight: 500;
border-radius: 4px;
outline: 0;
transition: .7s;
}
input#register:hover {
color: #36a93b;
background-color: #fff;
border-color: #36a93b;
}
p#wppb_register_pre_form_message {
padding: 0;
}
/*-------------------------------------------------------
End:    Google Language (Home Page)
-------------------------------------------------------*/
/*--------------Extra-------------*/
.search-border {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
/*------------- Thank you --------------*/
.search-border {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
/*-------------404--------------*/
.not-found {
font-family: 'Libre Baskerville', serif;
}
.not-found h1 {
font-size: 59px;
font-weight: 700;
}
.not-found span {
font-size: 24px;
color: #36a93b;
font-weight: 700
}
.not-found p {
margin-top: 20px;
font-weight: 700
}
.go-back a {
color: #333;
}
/*-------------rev slider--------------*/
.rev_slider .slotholder:after {
display: none;
}
div#rev_slider_4_1_forcefullwidth {
overflow: hidden;
}
div#rev_slider_5_1_forcefullwidth {
overflow: hidden;
}
/*-------------custom widgets--------------*/
/*--search---*/
.footer .search-form label,
.blogg .search-form label {
width: 100%;
display: inline-block;
font-weight: 400;
margin: 0;
}
.footer .search-form label .search-field,
.blogg .search-form label .search-field {
line-height: 40px;
background: #fff;
height: 42px;
padding: 0 60px 0 15px;
font-size: 13px;
width: 100%;
border: 1px solid #eee;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.footer .search-form label .screen-reader-text,
.blogg .search-form label .screen-reader-text {
display: none;
}
.footer .search-form .search-submit,
.blogg .search-form .search-submit {
width: 40px;
position: absolute;
top: 0;
right: 0;
border: none;
z-index: 2;
background: 0 0;
border-radius: 0;
line-height: 42px;
height: 42px;
color: transparent;
font-size: 13px;
font-weight: 700;
}
.footer .search-form:after,
.blogg .search-form:after {
content: "\f002";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 42px;
text-align: center;
line-height: 42px;
}
.footer .search-form,
.blogg .search-form {
position: relative;
line-height: 42px;
border: none;
}
/*--custom menu---*/
.footer .menu-footer-menu-container ul,
.blogg .menu-footer-menu-container ul {
margin-bottom: 10px;
margin-left: 25px;
}
.footer .menu-footer-menu-container ul a,
.blogg .menu-footer-menu-container ul {
font-size: 15px;
font-weight: normal;
line-height: 1.7em;
color: #919191;
}
/*--category---*/
.blog-widget label {
display: none
}
.blog-custom-widget label.screen-reader-text,
.widget label.screen-reader-text {
display: none;
}
.blog-custom-widget select.postform,
.widget select.postform {
width: 100%;
padding: 10px;
}
/*--meta---*/
.widget ul li a,
.blog-widget ul li a {
font-size: 15px;
font-weight: normal;
line-height: 1.7em;
color: #919191;
}
/*--tagcloud---*/
.widget .tagcloud {
padding: 0;
}
/*--calender---*/
#wp-calendar tr {
border-color: #eee;
border: 1px #ccc solid;
}
#wp-calendar th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
#wp-calendar th,
#wp-calendar td {
font-weight: 400;
text-align: left;
padding: 10px;
}
#wp-calendar caption {
font-weight: 400;
text-align: left;
}
table#wp-calendar {
width: 100%;
}
/*--archives---*/
select#archives-dropdown-1,
select#archives-dropdown-2,
select#archives-dropdown-3,
select#archives-dropdown-4,
select#archives-dropdown-5,
select#archives-dropdown-6,
select#archives-dropdown-7,
select#archives-dropdown-8 {
width: 100%;
padding: 5px 0;
}
/*--widget paddding-bottom---*/
#footer .col-md-3.col-sm-6.widget {
padding-bottom: 20px;
}
/*--widget paddding-bottom---*/
.widget ul li,
.blog-widget ul li {
margin-left: 18px;
}
.sticky .b-content,
.sticky .n-txt,
#blog .sticky .blog-c {
background: #eeeeee;
border: 1px solid #e6e3e3;
}
#news .sticky .n-box {
padding: 10px;
}
#blog .sticky .b-content,
.sticky .n-txt,
#blog .sticky .blog-c {
padding: 40px 10px 50px 10px;
border-bottom: 0;
}
#blog .sticky .calender {
margin-left: 10px;
}
/*--revolution slider---*/
div#rev_slider_1_1_forcefullwidth {
overflow: hidden;
}
.margin-btm-all {
margin-top: 90px;
position: relative;
overflow: hidden;
}
.logged-in .navbar-fixed-top {
margin-top: 30px;
}
/*--textwidget img---*/
.textwidget img {
max-width: 100%;
height: auto;
}
/*--breadcrumbs style---*/
#slide .breadcrumb li {
list-style: none;
float: left;
position: relative;
padding: 0 10px;
}
#slide .breadcrumb li > a {
color: #fefefe;
padding-right: 10px;
}
#slide .breadcrumb li:last-child:before {
display: none;
}
#slide .breadcrumb li:before {
position: absolute;
content: '\f101';
font: normal normal normal 14px/1 FontAwesome;
right: 0;
top: 4px;
}
#slide .breadcrumbs {
background-color: rgba(64, 171, 68, .9);
}
#slide .breadcrumb > .active {
color: #fefefe;
}
#slide .breadcrumb {
padding: 0;
margin-bottom: 0;
list-style: none;
background-color: rgba(54, 169, 59, .01);
border-radius: 0;
color: #fefefe;
text-transform: capitalize;
}
#slide .breadcrumbs ul {
padding: 6px 0;
overflow: hidden;
}
/*--post-password-formbutton style---*/
#blog .blog-content input[type="password"] {
width: 50%;
padding: 6px 12px;
font-size: 14px;
}
#blog .blog-content input[type="submit"] {
font-weight: 500;
color: #fff;
border: 1px solid #36a93b;
background: #36a93b;
padding: 3px 20px;
border-radius: 5px;
transition: .7s;
margin-bottom: 17px;
margin-top: 10px;
font-size: 15px;
}
/*--textwidget style---*/
.textwidget select {
width: 100%;
padding: 10px;
}
.blog-widget select,
.widget select {
width: 100%;
padding: 10px;
}
.menu-footer-menu-container ul.sub-menu {
display: none;
}
.blog-widget a.rsswidget {
color: #333;
}
.widget a.rsswidget {
color: #fefefe;
}
/*--404 style---*/
.not-found .page-content p {
margin-top: 20px;
font-weight: 400;
}
.not-found .page-content .go-back a {
color: #333;
font-weight: 600;
}
.not-found .page-header {
margin: 0 0 20px;
}
.not-found h1 {
font-size: 59px;
font-weight: 700;
margin-top: 0;
}
/*-- link pages --*/
.page-links {
padding-bottom: 10px;
}
.page-links .page-links-title {
font-weight: 700;
}
/*-- unit-test table style --*/
#blog .blogg table > tbody td a,
#blog .blogg dd a {
color: #36a93b;
}
#blog .blogg table > tbody tr {
border-color: #eee;
border: 1px #ccc solid;
}
#blog .blogg table > tbody th,
#blog .blogg table > tbody td {
text-align: left;
padding: 10px;
}
#blog .blogg ul li,
#blog .blogg ol li {}
.rm-nav {
padding: 10px 0;
}
.rm-nav .sub-menu ul li {
border-right: none;
}
ul.sub-menu.rm-menu.rm-css-animate li {
border-right: none;
}
.ban-top {
position: relative;
overflow: hidden;
}
.ban-top img {
-moz-transition: all 1s;
-o-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
width: 100%;
}
.ban-top:hover img {
-moz-transform: scale3d(1.1, 1.1, 1);
-o-transform: scale3d(1.1, 1.1, 1);
-ms-transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.ban-text {
position: absolute;
top: 50%;
left: 25%;
background: rgba(73, 179, 89, 0.72);
padding: 1em;
}
.ban-text1 {
position: absolute;
top: 40%;
left: 25%;
background: rgba(73, 179, 89, 0.72);
padding: 1em;
}
.ban-text h4 a {
font-size: 2em;
color: #fff;
}
.ban-text1 h4 a {
font-size: 24px;
color: #fff;
}
.ban-img {
margin-top: 2.1em;
}
.ban-bottom1 {
float: left;
width: 48%;
margin-right: 2%;
}
.ban-bottom2 {
float: left;
width: 48%;
margin-left: 2%;
}
.catItems {
display: block;
margin: 25px 0;
padding: 50px 0;
}
.new-arrivals {
padding: 50px 0;
}
.grid-arr {
border: 1px solid #E2E2E2;
border: 5px solid #ffffff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
padding: 10px 10px;
background-color: #FFF;
}
.grid-arrival {
position: relative;
}
.grid-arr .grid-arrival figure {
position: relative;
display: block;
overflow: hidden;
margin: 0 0 20px 0;
width: 100%;
}
.grid-arr .grid-arrival figure > a {
display: block;
float: left;
width: 100%;
z-index: 1;
}
.grid-arr .grid-arrival figure > a .grid-img {
width: 100%;
line-height: 0;
will-change: right;
-moz-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.grid-arr .grid-arrival figure > a .grid-img img {
max-width: 100%;
margin: auto;
}
.nap-meta-data h6 {
font-size: 1.4em;
margin: 0.4em 0;
}
.nap-meta-data h6 a {
color: #19B260;
text-decoration: none;
}
.nap-meta-data p {
font-size: 1em;
color: #999;
margin: 0.9em 0;
}
em.item_price {
font-style: normal;
color: #000;
font-weight: 600;
}
.my-cart-b {
background: none;
text-decoration: none;
color: #46b360;
font-size: 1em;
border: 2px solid #46b360;
padding: .5em 1em;
outline: 0;
}
.my-cart-b {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.my-cart-b:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #46b360;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.my-cart-b:hover,
.my-cart-b:focus,
.my-cart-b:active {
color: white;
background: none;
border: 2px solid #46b360;
outline: 0 !important;
}
.my-cart-b:hover:before,
.my-cart-b:focus:before,
.my-cart-b:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.nap-full {
width: 100vw;
position: relative;
margin-left: -50vw;
height: auto;
left: 50%;
}
.nap-full.bg-grey {
background-color: #27ae60;
box-shadow: inset 0 0 20px rgba(49, 49, 49, 0.7);
}
.nap-title {
margin-top: 0;
margin-bottom: 20px;
color: #000;
text-align: center;
}
.nap-title span {
border-bottom: 3px solid #000;
}
.new-arrivals .nap-title {
color: #FFF;
border: none;
}
.new-arrivals .nap-title span {
border-bottom: 3px solid #FFF;
}
.nap-full.nap-banner-full {
background-image: url("http://aryanuk.com/wp-content/uploads/2017/02/banner-3.jpg");
height: 450px;
background-size: cover;
box-shadow: inset 0 0 20px #000;
}
.nap-full.nap-pop-pro {
padding: 50px 0;
margin-top: 30px;
background-image: url("<?=$tDURI?>/images/pop-pros.jpg");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.nap-full.nap-pop-pro .nap-title {
color: #000;
}
.nap-full.nap-pop-pro .nap-title span {
border-color: #000;
}
.nap-full.nap-pop-pro .woocommerce {
margin-top: 50px;
}
.nap-full.nap-pop-pro .woocommerce ul.products li.product {
background-color: #FFF;
padding: 10px;
}
.nap-blog {
background-color: #FFF;
padding: 40px 0;
}
.nap-blog-item .nap-bg-post-image {
overflow: hidden;
margin: 0 0 15px;
background-color: #fff;
border: 1px solid #EAEAEA;
width: 100%;
height: 210px;
position: relative;
}
.nap-blog-item .nap-bg-post-image img {
max-width: 100%;
position: absolute;
height: auto;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.nap-blog-item {
float: left;
text-align: center;
line-height: 1.4;
padding: 20px 10px 0;
}
.nap-bg-post-date {
float: left;
margin-right: 10px;
text-align: center;
}
.nap-blog-item .nap-bg-month {
background-color: #F7F7F7;
color: #2A2B23;
font-size: 15px;
padding: 8px 0 0;
display: block;
width: 70px;
font-family: "Agenda-Medium", sans-serif;
font-weight: normal;
}
.nap-blog-item .nap-bg-day {
background-color: #F7F7F7;
color: #2A2B23;
display: block;
font-size: 30px;
font-weight: normal;
padding: 0 8px;
}
.nap-blog-item .nap-bg-postcontainer {
margin-left: 85px;
}
.nap-bg-postTitle {
min-height: 55px;
}
.nap-bg-postTitle h2 {
margin: 0 0 10px 0;
font-size: 23px;
line-height: 27px;
font-weight: normal;
}
.nap-bg-postTitle h2 a {
color: #6c6c6c;
}
.nap-bg-postContent {
color: #6c6c6c;
line-height: 1.5;
font-size: 15px;
padding-bottom: 15px;
}
.nap-bg-postContent p {
margin: 0;
}
.nap-bg-readmore {
font-size: 16px;
text-decoration: underline;
text-transform: capitalize;
color: #6c6c6c;
}
.breadcrumb .woocommerce-breadcrumb {
padding-left: 115px;
text-transform: uppercase;
}
.cOB {
position: fixed;
right: -270px;
width: 270px;
padding: 10px;
top: 150px;
background-color: #FFF;
border: 2px solid #51b355;
border-right: 0;
z-index: 10000;
-webkit-transition: right ease-in-out .3s;
-moz-transition: right ease-in-out .3s;
-ms-transition: right ease-in-out .3s;
-o-transition: right ease-in-out .3s;
transition: right ease-in-out .3s;
}
.cOB.opened {
right: 0;
}
.cOB .cob-content {}
.cOB a.cOB-cart-btn {
position: absolute;
left: -45px;
top: 50;
bottom: -70px;
margin: auto;
width: 45px;
height: 45px;
background-color: #a46497;
padding: 0 5px;
text-align: center;
font-size: 28px;
line-height: 45px;
text-shadow: 3px 3px 1px #5d5d5d;
color: #FFF;
}
.cOB a.cOB-cart-btn span {
position: absolute;
text-align: center;
top: -20px;
font-size: 17px;
left: -19px;
width: 30px;
height: 30px;
line-height: 30px;
color: #f06b71;
font-weight: bold;
text-shadow: none;
border-radius: 50%;
border: 1px solid #f06b71;
display: block;
background-color: #FFF;
}
.cOB-last-btn {
margin-top: 15px;
text-align: center;
}
.cOB-item-button {
padding: 5px 20px;
background-color: #a46497;
color: #FFF;
}
.cOB-item-button:hover {
background-color: #935386;
color: #fff;
}
.cOB-wrap {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-height: 500px;
max-height: 50vh;
margin: 0;
padding: 0;
}
.cOB-wrap .cOB-item {
list-style: none;
padding: 10px 0 5px 75px;
min-height: 80px;
position: relative;
overflow: hidden;
vertical-align: top;
line-height: 1.33;
margin-left: 0 !important;
padding-right: 30px;
}
.cOB-wrap .cOB-item .remove_from_cart_button {
display: block;
width: 24px;
height: 24px;
font-size: 15px;
line-height: 21px;
border-radius: 100%;
color: #F06B71;
font-weight: bold;
text-align: center;
border: 2px solid #F06B71;
position: absolute;
right: 0px;
z-index: 9;
}
.cOB-wrap .cOB-item .cOB-item-title {
display: block;
margin-bottom: 5px;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.cOB-wrap .cOB-item .cOB-item-title img {
top: 10px;
position: absolute;
left: 0;
width: 60px;
height: 60px;
margin-bottom: 5px;
object-fit: cover;
object-position: 50% 50%;
}
.cOB-wrap .cOB-item .cOB-item-button {}
.cOB-wrap .cOB-item .cOB-quantity {
opacity: 1;
display: inline-block;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1em;
white-space: nowrap;
vertical-align: top;
display: block;
margin-top: 3px;
font-size: .85em;
opacity: 0.6;
}
.cOB-wrap .cOB-item .cOB-quantity .cOB-amount {
white-space: nowrap;
color: #111;
font-weight: bold;
}
.cOB-wrap .cOB-item .cOB-quantity .woocommerce-Price-amount {
white-space: nowrap;
color: #111;
font-weight: bold;
}
.cOB .cOB-total {
text-align: center;
padding: 10px 0;
border-top: 1px solid #ececec;
border-bottom: 2px solid #ececec;
margin-bottom: .5em;
}
.cOB .cOB-total .amount {
white-space: nowrap;
color: #111;
font-weight: bold;
}
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
}
.woocommerce table.shop_table th {
padding: 3px 3px;
}
.woocommerce table.cart img {
width: 70px;
height: 70px;
}
#blog .blogg table > tbody td {
padding: 5px 10px;
}
#blog .blogg table > tbody th {
padding: 5px 10px;
}
.woocommerce table.cart td.actions .coupon {
margin-right: 10px;
}
.woocommerce table.cart td.actions .coupon #coupon_code {
padding-left: 5px;
}
.woocommerce table.cart td.actions .button {
margin-bottom: 0 !important;
padding: 6px;
}
.woocommerce a.button.alt,
.woocommerce input.button.alt {
background-color: #36a93b;
}
.woocommerce a.button.alt:hover {
background-color: #339a37;
}
.woocommerce .col-md-4 h2,
.woocommerce .col-md-8 h2,
{
margin-top: 0;
font-size: 25px;
}
#blog .blogg .woocommerce {
margin-top: 0;
}
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover {
background: #339a37;
}
#blog label {
margin: 0;
padding-bottom: 0px;
}
.woocommerce td.product-name dl.variation dd {
padding: 0 0 5px;
margin-bottom: 5px;
}
.woocommerce .checkout-total-tables table.shop_table {
background-color: #FFF;
}
.woocommerce .checkout-total-tables table.shop_table th {
padding: 3px 10px;
}
.wp-video {
text-align: center;
margin: auto;
}
.woocommerce ul.products li.product h3 {
min-height: 60px;
}
.woocommerce ul.products li.product .onsale {
margin: 3px 40px 0 0;
box-sizing: border-box;
width: 35px;
line-height: 40px;
height: 35px;
padding: 0;
}
/*.cc_container a{
display: none !important;
}*/
.woocommerce ul.products li.product {
margin-bottom: 10px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: 18px;
}
.woocommerce .woocommerce-result-count {
font-size: 16px;
}
.woocommerce ul.products li.product .button {
margin-top: 0px;
}
.woocommerce ul.products li.product a img {
margin-bottom: 0px;
}
/*.cBaF{
display: none;
}*/
.cBaF.cBaFActive {
display: block !important;
}
.tnp-field-email {
float: left;
padding: 0 20px;
padding-right: 0;
width: 66.66667%;
}
.tnp-field-email label {
display: none;
}
.tnp-field-email .tnp-email {
width: 100%;
text-align: left;
color: rgba(255, 255, 255, .7);
background: #eaeaea;
}
.tnp-field-email .tnp-email:focus {
background: #dadada;
color: #333;
}
.tnp-field-button {
float: left;
padding: 0 20px;
width: 33.33333%;
padding-left: 0;
}
.tnp-field-button .tnp-button {
margin: 0;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#60c50e), to(#229e25)) repeat;
color: #fff;
}
.tnp-field-button .tnp-button:hover,
.tnp-field-button .tnp-button:focus {
background: #5fb519;
}
/*mahendra */
.woocommerce-product-search {
text-align: right;
}
.woocommerce-product-search .screen-reader-text {
display: none;
}
/****** 27-01-2020 ******/
#header {
padding: 0 15px;
}
.brand.cstm-logo-section {
display: inline-block;
width: 10%;
}
.cstm-menu-section {
width: 90%;
text-align: right;
position: relative;
padding-right: 45px;
padding-top: 22px;
}
#menu-mainmenu {
background-color: transparent;
float: right;
}
#menu-mainmenu .menu-item {
border-right: none !important;
padding: 0 !important;
}
#menu-mainmenu .menu-item a {
color: #fff !important;
font-size: 15px !important;
padding: 12px 10px;
}
.cstm_head_search {
position: absolute;
right: 0 !important;
}
.cstm_head_search {
position: absolute;
right: 20px !important;
top: 45px;
}
.cstm_head_search .search-icon {
    cursor: pointer;
}
.cstm_head_search .fa.fa-search {
color: #fff;
font-size: 20px;
}

.cstm_head_search .search_form_header {
    display: none;
    position: absolute;
    right: 0;
    top: 64px;
    background-color: #fff;
    padding: 15px;
    border-top: 6px solid #45af5f;
    width: 400px;
    z-index: 9999;
}
.cstm_head_search .search_form_header .woocommerce-product-search {
    border: 1px solid #36a93b;
}
.cstm_head_search .search_form_header .woocommerce-product-search .search-field {
    width: calc(100% - 74px) !important;
    height: 45px;
    padding: 0px 0 0 10px;
    border-color: transparent;
}
.cstm_head_search .search_form_header button {
    background-color: #36a93b;
    border: none;
    color: #fff;
    width: 70px;
    height: 46px;
}

input.wpcf7-form-control.wpcf7-text {
display: block;
height: 6rem;
padding: 1.5rem 2.5rem;
border: 0;
outline: none;
vertical-align: middle;

font-family: "roboto-regular", sans-serif;
font-size: 1.5rem;
line-height: 3rem;

/* background: rgba(193, 193, 193, 0.2); */
border: none;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-bottom: 0.5px solid #86f137;
}
textarea.wpcf7-form-control.wpcf7-textarea{
display: block;

padding: 1.5rem 2.5rem;
border: 0;
outline: none;
vertical-align: middle;

font-family: "roboto-regular", sans-serif;
font-size: 1.5rem;
line-height: 3rem;

/* background: rgba(193, 193, 193, 0.2); */
border: none;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border-bottom: 0.5px solid #86f137;

}
input.wpcf7-form-control.wpcf7-text:focus,textarea.wpcf7-form-control.wpcf7-textarea:focus{
background: rgba(0, 0, 0, 0.5);
color: white;
}

p .wpcf7-submit {
display: inline-block;
font-family: "roboto-black", sans-serif;
font-size: 1.4rem;
text-transform: uppercase;
letter-spacing: .3rem;
height: 5.4rem;
line-height: 5.4rem;
padding: 0 3rem !important;
margin: 0 .3rem 1.2rem 0;
background: #5fb519 !important;
color: #ffffff;
text-decoration: none;
cursor: pointer;
text-align: center;
white-space: nowrap;
border: none;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top:25px;
}
p .wpcf7-submit:hover{
background: #ffffff !important;
color: #000000;
/* padding-top: 15px; */
outline: 0;
border: 2px solid #5fb519;
}


/******** 28-01-2020 ********/