@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,600,700,800');
*{
margin:0;
padding:0;
}
html {
margin-top: 0px !important;
}
body {
color:#555;
font-family: Century Gothic;
line-height:26px;
background:#fff;
font-size: 16px;
}
.floatleft {float:left}
.floatright {float:right}
.btn-primary2 {
color: #000000;
background-color: #f9f9f9;
border: 3px solid #057338;
border-radius: 8px;
}
.btn-primary2:hover{     color: #00a44c;
background-color: #f9f9f9;
border: 3px solid #0d582f;
border-radius: 8px;}
.top-login{  background-color: #c9302c;
border-color: #ac2925;
padding: 5px 5px;
border-radius: 5px;
color: #fff !important;}
.top-login:hover{  background-color: #e44743;
border-color: #ac2925;
padding: 5px 5px;
border-radius: 5px;
color: #fff !important;  }
img {
max-width:100%;
height:auto
}
.fix {overflow:hidden}
.clear-fix{ clear: both; }
p {
margin:0px;
color: #000;
}
h1, h2, h3, h4, h5, h6 {
color: #333;
margin-bottom: 10px;
margin-top: 0px;
font-weight: 400;
}
input:focus,select:focus{
outline:none;
}
input, button{
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
}
a {
transition: all 0.3s ease 0s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
text-decoration:none;
color:#333;
font-size:13px;
}
a:hover{
color:#00a44c;
}
a:active, a:hover, a:focus {
outline: none;
text-decoration:none;
}
button:focus{
outline:none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.ptb-15{padding:15px 0px}
.ptb-30{padding:30px 0px}
.ptb-140{padding:140px 0px;}
.ptb-70{padding:140px 0px 110px;}
.pb-140{padding-bottom: 140px;}
.mtb-30{margin:30px 0px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-60{margin-top:60px;}
.mt-100{margin-top: 100px;}
.mb-60{margin-bottom:60px;}
.mb-50{margin-bottom:50px;}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-20{margin-bottom:20px}
.bg-1{background:#fafafa}
.bg-2{background:#00a44c;}
.bg-fff{background:#fff}
.black-opacity{
position:relative;
z-index:9;
}
.black-opacity:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:.3;
content:"";
z-index:-9;
}
.bg-img-1{
background:url(../images/bg/4.html)no-repeat center center / cover;
}
.bg-img-2{
background:url(../images/bg/5.html)no-repeat center center / cover;
}
.bg-img-3{
background:url(../images/6.jpg)no-repeat center center / cover;
background-size: 100% 200px;
}
.bg-img-4{
background:url(../images/bg/7.html)no-repeat center center / cover;
}
.bg-img-5{
background:url(../images/bg/8.html)no-repeat center center / cover;
}
.bg-img-6{
background:url(../images/bg/9.html)no-repeat center center / cover;
}
.bg-img-7{
background:url(../images/bg/10.html)no-repeat center center / cover;
}
.bg-img-8{
background:url(../images/bg/11.html)no-repeat center center / cover;
}
/*preloader-area */
.preloder-wrap {
background-color: #00a44c;
color: #fff;
height: 100vh;
display: flex;
justify-content:center;
align-items:center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999999;
}
.loader {
height: 200px;
left: 50%;
margin-left: auto;
margin-right: auto;
position: relative;
right: 50%;
top: 0;
width: 100%;
margin-left: -100px;
}
.loader .siteref {
bottom: 16px !important;
display: block;
font-size: 10px;
left: 10px;
margin: 0 auto;
position: absolute;
right: 0;
width: 100% !important;
}
.preloder-wrap .child-common
{
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
position: absolute;
border-left: 5px solid #FFF;
border-right: 5px solid #FFF;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
-webkit-animation: animate3 2s infinite;
animation: animate3 2s infinite;
}
.preloder-wrap .child1
{
left: 75px;
top: 75px;
width: 50px;
height: 50px;
}
.preloder-wrap .child2
{
left: 65px;
top: 65px;
width: 70px;
height: 70px;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.preloder-wrap .child3
{
left: 55px;
top: 55px;
width: 90px;
height: 90px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.clerar-fix{ clear: both; }
.preloder-wrap  .child4
{
left: 45px;
top: 45px;
width: 110px;
height: 110px;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
@-webkit-keyframes animate3
{
50% {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes animate3 {
50% {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
/*preloader-area */
/*search-area */
.search-area{
position: fixed;
height: 100vh;
width: 100%;
background: #262626;
z-index: -1005;
display: none;
display: flex;
flex-direction: column;
justify-content: center;
top: 0;
left: 0;
width: 100%;
visibility: hidden;
opacity: 0;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
}
.search-area.active{
visibility: visible;
opacity: 1;
z-index: 1005;
}
.search-form form{
position: relative;
}
.search-form input{
height: 50px;
width: 100%;
border: 1px solid #f1f1f1;
background: transparent;
padding-left: 20px;
padding-right: 120px;
color:#fff;
}
.search-form button{
height: 50px;
width: 120px;
position: absolute;
top: 0;
right: 0;
border:1px solid #f1f1f1;
}
.search-area span.closs-btn{
position: absolute;;
right: 5px;
top: 5px;
display: inline-block;
height: 45px;
width: 80px;
text-transform: uppercase;;
background: #fff;
line-height: 45px;
text-align: center;
font-size: 14px;
cursor: pointer;
}
.search-area span.closs-btn:hover{
background: #00a44c;
color: #fff;
}
/*search-area */
/*---------------------------- 2. header-area start --------------------------*/
.header-area{background: #fff}
.logo h1 {
margin: 0;
padding: 22px 0;
transition:all .3s;
text-transform:uppercase;
font-size:24px;
font-weight: 500;
}
.logo h1 a{
color:#222;
font-size:24px;
}
/*---------------------------- 2. header-area end --------------------------*/
.menu-navbar-container > ul{
display:flex;
justify-content: flex-end;
}
.menu-navbar-container ul li {
position:relative;
}
.menu-navbar-container ul li:before{}
.menu-navbar-container ul li:first-child{margin-left:0px;}
.menu-navbar-container ul li:last-child{margin-right:0px;}
.menu-navbar-container ul li > a{
text-transform:uppercase;
font-weight:500;
padding:10px 18px;
color:#333;
display:block;
position:relative;
font-size: 15px;
}
.menu-navbar-container ul li.active > a,.menu-navbar-container ul li:hover > a{
background:#00a44c;
color:#fff;
}
.menu-navbar-container ul li > a:before,.menu-navbar-container ul li > a:after{
position: absolute;
left: 15px;
height: 1px;
width:0;
background: #fff;
content: "";
bottom: 13px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
}
.menu-navbar-container ul li > a:after{
bottom: 11px;
left: auto;
right: 15px;
}
.menu-navbar-container ul li.active > a:before,.menu-navbar-container ul li.active > a:after,.menu-navbar-container ul li:hover > a:before,.menu-navbar-container ul li:hover > a:after{
width:45%;
}
.menu-navbar-container ul li a i{
margin-left:2px;
}
.menu-navbar-container ul li > ul{
position:absolute;
left:0;
top:100%;
background:#fff;
box-shadow:0px 2px 3px rgba(0,0,0,.15);
width:225px;
opacity:0;
visibility:hidden;
transition: all 0.3s ease 0s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
z-index:999;
border-top:2px solid #00a44c;
text-align:left;
}
.menu-navbar-container ul li:hover > ul{
opacity:1;
visibility:visible;
}
.menu-navbar-container ul li > ul.right{
left:auto;
right:0;
}
.menu-navbar-container ul li > ul li{
display:block;
padding:0px 0px;
margin:0px;
}
.menu-navbar-container ul li > ul li > a{
text-transform:capitalize;
padding:2px 15px;
font-size:15px;
}
.menu-navbar-container ul li > ul li:hover > a{
color:#fff;
background:#00a44c;
}
.menu-navbar-container ul li > ul li.active > a{
color:#fff;
background:#00a44c;
}
.menu-navbar-container ul li > ul li.active > a::before,.menu-navbar-container ul li > ul li.active > a::after,.menu-navbar-container ul li > ul li:hover > a:before,.menu-navbar-container ul li > ul li:hover > a::after{
display: none;
}
.menu-navbar-container ul li > ul li > ul {
left: 100%;
top:0px;
}
.menu-navbar-container ul li > ul.megamenu{
position:absolute;
right:0;
z-index:9999;
opacity:0;
visibility:hidden;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
width:594px;
box-shadow:0px 2px 3px rgba(0,0,0,.15);
padding:10px ;
background:#fff;
border-top:2px solid #00a44c;
text-align:left;
}
.menu-navbar-container ul li:hover > ul.megamenu{
opacity:1;
visibility:visible;
}
.menu-navbar-container ul li > ul.megamenu li{
width:33.33%;
float:left;
display:block;
margin:0px;
padding:0px 15px;
}
.menu-navbar-container ul li > ul.megamenu li a{
text-transform:capitalize;
padding:3px 0px;
font-size:13px;
}
.menu-navbar-container ul li > ul.megamenu li a.mega-title {
text-transform: uppercase;
font-weight: 500;
color: #333;
font-size: 15px;
padding-bottom: 5px;
margin-bottom: 5px;
position: relative;
}
.menu-navbar-container ul li > ul.megamenu li a.mega-title::before,.menu-navbar-container ul li > ul.megamenu li a.mega-title::after{
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 1px;
background:#00a44c;
content: "";
}
.menu-navbar-container ul li > ul.megamenu li a.mega-title::after{
left: 10px;
bottom: 2px;
}
.menu-navbar-container ul li > ul.megamenu li:hover a.mega-title{
background:transparent;
}
.menu-navbar-container ul li > ul.megamenu li > ul li:hover a{
color:#00a44c;
background:transparent;
padding-left:5px;
}
.menu-navbar-container ul li > ul.megamenu > li.megatitle a{
margin-bottom:5px;
border-bottom:1px solid #f1f1f1;
text-transform:uppercase;
}
.menu-navbar-container ul li > ul.megamenu li > ul li{
width:100%;
padding:0px;
}
.menu-navbar-container ul li > ul.megamenu li > ul li.active a{
color:#00a44c;
background:transparent;
}
.search-wrap ul li{
width:100%;
height:70px;
background:#00a44c;
position:relative;
line-height:70px;
transform:skew(15deg);
overflow:hidden;
position:relative;
text-align:center;
right:9px;
}
.search-wrap ul li a{
color:#fff;
display:block;
transform:skew(-15deg);
font-size:16px;
}
/*---------------------------- header-area end --------------------------*/
/*---------------------------- CTI header-area --------------------------*/
.menu-ctimenu-container > ul{
display:flex;
justify-content: flex-left;
}
.menu-ctimenu-container ul li {
position:relative;
}
.menu-ctimenu-container ul li:before{}
.menu-ctimenu-container ul li:first-child{margin-left:0px;}
.menu-ctimenu-container ul li:last-child{margin-right:0px;}
.menu-ctimenu-container ul li > a{
text-transform:uppercase;
font-weight:500;
padding:10px 12px;
color:#333;
display:block;
position:relative;
}
.menu-ctimenu-container ul li.active > a,.menu-ctimenu-container ul li:hover > a{
background:#00a44c;
color:#fff;
}
.menu-ctimenu-container ul li > a:before,.menu-ctimenu-container ul li > a:after{
position: absolute;
left: 15px;
height: 1px;
width:0;
background: #fff;
content: "";
bottom: 13px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
}
.menu-ctimenu-container ul li > a:after{
bottom: 11px;
left: auto;
right: 15px;
}
.menu-ctimenu-container ul li.active > a:before,.menu-ctimenu-container ul li.active > a:after,.menu-ctimenu-container ul li:hover > a:before,.menu-ctimenu-container ul li:hover > a:after{
width:45%;
}
.menu-ctimenu-container ul li a i{
margin-left:2px;
}
.menu-ctimenu-container ul li > ul{
position:absolute;
left:0;
top:100%;
background:#fff;
box-shadow:0px 2px 3px rgba(0,0,0,.15);
width:225px;
opacity:0;
visibility:hidden;
transition: all 0.3s ease 0s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
z-index:999;
border-top:2px solid #00a44c;
text-align:left;
}
.menu-ctimenu-container ul li:hover > ul{
opacity:1;
visibility:visible;
}
.menu-ctimenu-container ul li > ul.right{
left:auto;
right:0;
}
.menu-ctimenu-container ul li > ul li{
display:block;
padding:0px 0px;
margin:0px;
}
.menu-ctimenu-container ul li > ul li > a{
text-transform:capitalize;
padding:7px 15px;
font-size:13px;
}
.menu-ctimenu-container ul li > ul li:hover > a{
color:#fff;
background:#00a44c;
}
.menu-ctimenu-container ul li > ul li.active > a{
color:#fff;
background:#00a44c;
}
.menu-ctimenu-container ul li > ul li.active > a::before,.menu-ctimenu-container ul li > ul li.active > a::after,.menu-ctimenu-container ul li > ul li:hover > a:before,.menu-ctimenu-container ul li > ul li:hover > a::after{
display: none;
}
.menu-ctimenu-container ul li > ul li > ul {
left: 100%;
top:0px;
}
.menu-ctimenu-container ul li > ul.megamenu{
position:absolute;
right:0;
z-index:9999;
opacity:0;
visibility:hidden;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
width:594px;
box-shadow:0px 2px 3px rgba(0,0,0,.15);
padding:10px ;
background:#fff;
border-top:2px solid #00a44c;
text-align:left;
}
.menu-ctimenu-container ul li:hover > ul.megamenu{
opacity:1;
visibility:visible;
}
.menu-ctimenu-container ul li > ul.megamenu li{
width:33.33%;
float:left;
display:block;
margin:0px;
padding:0px 15px;
}
.menu-ctimenu-container ul li > ul.megamenu li a{
text-transform:capitalize;
padding:3px 0px;
font-size:13px;
}
.menu-ctimenu-container ul li > ul.megamenu li a.mega-title {
text-transform: uppercase;
font-weight: 500;
color: #333;
font-size: 15px;
padding-bottom: 5px;
margin-bottom: 5px;
position: relative;
}
.menu-ctimenu-container ul li > ul.megamenu li a.mega-title::before,.menu-ctimenu-container ul li > ul.megamenu li a.mega-title::after{
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 1px;
background:#00a44c;
content: "";
}
.menu-ctimenu-container ul li > ul.megamenu li a.mega-title::after{
left: 10px;
bottom: 2px;
}
.menu-ctimenu-container ul li > ul.megamenu li:hover a.mega-title{
background:transparent;
}
.menu-ctimenu-container ul li > ul.megamenu li > ul li:hover a{
color:#00a44c;
background:transparent;
padding-left:5px;
}
.menu-ctimenu-container ul li > ul.megamenu > li.megatitle a{
margin-bottom:5px;
border-bottom:1px solid #f1f1f1;
text-transform:uppercase;
}
.menu-ctimenu-container ul li > ul.megamenu li > ul li{
width:100%;
padding:0px;
}
.menu-ctimenu-container ul li > ul.megamenu li > ul li.active a{
color:#00a44c;
background:transparent;
}
.search-wrap ul li{
width:100%;
height:70px;
background:#00a44c;
position:relative;
line-height:70px;
transform:skew(15deg);
overflow:hidden;
position:relative;
text-align:center;
right:9px;
}
.search-wrap ul li a{
color:#fff;
display:block;
transform:skew(-15deg);
font-size:16px;
}
/*---------------------------- CTI header-area end --------------------------*/
/*---------------------------- responsiv-area start --------------------------*/
.responsive-menu-wrap{
position:relative;
}
.responsive-menu-wrap .slicknav_btn {
background-color: transparent;
border-radius: 0;
display: block;
float: right;
margin: 0;
padding: 28px 21px;
text-decoration: none;
text-shadow: none;
vertical-align: middle;
height: 70px;
width: 100px;
background: #00a44c;
transform: skew(15deg);
-moz-transform: skew(15deg);
-webkit-transform: skew(15deg);
}
.slicknav_menu .slicknav_icon {
-moz-transform: skew(-20deg);
-webkit-transform: skew(-20deg);
transform: skew(-20deg);
margin: 2px 18px;
}
.responsive-menu-wrap .slicknav_menu .slicknav_menutxt {
display: none;
}
.responsive-menu-wrap .slicknav_menu {
background: transparent none repeat scroll 0 0;
font-size: 15px;
padding: 0;
position: absolute;
right: 9px;
top: 0;
}
.responsive-menu-wrap .slicknav_menu .slicknav_icon-bar {
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
display: block;
height: 2px;
width: 25px;
background: #fff;
}
.responsive-menu-wrap .slicknav_nav {
background: #00a44c none repeat scroll 0 0;
border-radius: 0px;
clear: both;
color: #fff;
font-size: 15px;
margin: 0;
padding: 5px 0;
position: relative;
top: 0;
width:840px;
z-index: 99;
right: -8px;
z-index: 9999999;
position: relative;
}
.slicknav_nav a {
color: #f1f1f1;
text-decoration: none;
text-transform: capitalize;
}
.slicknav_nav a i{display:none}
.slicknav_nav a:hover {
background: transparent none repeat scroll 0 0;
border-radius: 0;
text-shadow:0px 3px 5px rgba(0,0,0,.5);
color:#fff;
}
.responsive-menu-wrap .slicknav_nav .slicknav_row:hover {
background: transparent;
}
.responsive-menu-wrap .slicknav_nav .slicknav_arrow {
font-size: 10px;
margin: 5px;
}
.responsive-menu-wrap .slicknav_open .slicknav_icon span:first-child {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
position: relative;
top: 5px;
}
.responsive-menu-wrap .slicknav_open .slicknav_icon span:last-child{
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
}
.responsive-menu-wrap .slicknav_open .slicknav_icon span:nth-child(2){display:none}
/*---------------------------- responsiv-area end --------------------------*/
/*---------------------------- 3. slider-area start --------------------------*/
.slider-area{
height:100%;
position:relative;
border-bottom: 1px solid #006400;
border-top: 1px solid #006400;
background-image: url("../images/bg_products.png");
}
.slider-area h4{color: #337ab7;
font-weight: 600;
font-size: 22px;
margin: 0 0 10px 0;
text-align: center;}
.slider-items{
position:relative;
z-index:9;
}
.slider-items:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:.4;
z-index:9;
content:"";
}
.slider-items img{
visibility: hidden;
}
.table{
display:table;
height:100%;
width: auto;
}
.table-cell{
display:table-cell;
vertical-align:middle;
}
.slider-content{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:99;
}
.slider-content h2{
text-transform:uppercase;
color:#fff;
margin-bottom:20px;
font-size:36px;
}
.slider-content h3{
color:#00a44c;
text-transform:uppercase;
margin-bottom:15px;
}
.slider-content p{
color:#fff;
text-transform:capitalize;
margin-bottom:25px;
}
.slider-content ul li{
display:inline-block;
margin:0px 5px;
}
.slider-content ul li a,.btn-style{
display:inline-block;
padding:8px 30px;
background:#fff;
text-transform:uppercase;
font-weight:600;
font-size:13px;
position:relative;
z-index:9;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
border-radius: 20px;
}
.slider-content ul li a:hover,.btn-style:hover{
color:#fff;
}
.slider-content ul li:last-child a{
background:#00a44c;
color:#fff;
}
.slider-content ul li:last-child a:hover{
color:#00a44c;
}
.slider-content ul li a:before,.btn-style:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#00a44c;
content:"";
z-index:-9;
border-radius: 20px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.slider-content ul li:last-child a:before{
background:#fff;
}
.slider-content ul li a:hover:before,.btn-style:hover:before{
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.slider-active{
position:relative;
}
.slider-next-prev-style{
overflow: hidden;
}
.slider-next-prev-style .owl-nav div{
position: absolute;
left: -100px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
height: 45px;
width: 55px;
background: #00a44c;
line-height: 45px;
text-align: center;
color: #fff;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.slider-next-prev-style .owl-nav div:hover{
background: #337ab7;
}
.slider-next-prev-style:hover .owl-nav div{
left: 0;
}
.slider-next-prev-style .owl-nav div.owl-next{
left: auto;
right: -100px;
}
.slider-next-prev-style:hover .owl-nav div.owl-next{
left: auto;
right: 0;
}
.dotate-style .owl-dots{
position:absolute;
left:0;
bottom:5px;
right:0;
text-align:center;
z-index:999999;
}
.dotate-style .owl-dot {
height:5px;
width:20px;
display:inline-block;
background:#fff;
outline:2px solid #fff;
outline-offset:2px;
margin:0px 7px;
}
.dotate-style .owl-dot.active{
background:#00a44c;
outline-color:#00a44c;
}
/*---------------------------- 3. slider-area end --------------------------*/
.navbar-affixed-top {
top: -32px;
}
.navbar-affixed-top.affix-top {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
border-top:1px solid #006400;
border-bottom:1px solid #006400;
}
.navbar-affixed-top.affix {
position: fixed;
width: 100%;
top: 0;
background: #fff;
z-index: 1000;
-webkit-box-shadow: 0 0 5px #00a44c;
box-shadow: 0 0 5px #00a44c;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
border-top:1px solid #006400;
border-bottom:1px solid #006400;
}
body.boxed .navbar-affixed-top.affix {
position: static;
}
/*---------------------------- 4. about-area start --------------------------*/
.fana-bout p{    color: #fff;
text-align: center;
font-size: 15px;}
.about-img{
position:relative;
z-index:9;
}
.about-img img{
}
.about-img:after{
position:absolute;
width:90%;
height:90%;
left:5%;
top:5%;
border:3px solid #fff;
opacity:.7;
content:"";
z-index:9;
}
.about-img:before{
z-index:9;
}
.about-wrap h2{
margin-bottom:20px;
text-transform: capitalize;
position: relative;
padding-bottom: 10px;
line-height:30px;
color: #337ab7;
font-weight: 500;
}
.about-wrap h2::before,.about-wrap h2::after{
position: absolute;
left: 0;
bottom: 0;
width: 60px;
height: 1px ;
content: "";
background: #00a44c;
}
.about-wrap h2::after{
left: 10px;
bottom: -2px;
}
.about-wrap p{
margin-bottom: 10px;
text-align: justify;
}
.about-wrap ul li{
line-height:30px;
position:relative;
padding-left:25px;
text-transform:capitalize;
}
.about-wrap ul li:before{
position:absolute;
top:12px;
left:0;
width:4px;
height:4px;
background:#00a44c;
outline:2px solid #00a44c;
outline-offset:2px;
content:"";
}
.about-opacity:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #212121;
opacity: .7;
content: "";
z-index: -9;
}
/*---------------------------- 4. about-area end --------------------------*/
/*---------------------------- 5. service-area start --------------------------*/
.section-title h2{
margin-bottom:20px;
padding-bottom:15px;
position:relative;
text-transform:capitalize;
line-height:24px;
color: #337ab7;
font-weight: 500;
}
.section-title h2:before,.section-title h2:after,.fanfact-wrap h2:before,.fanfact-wrap h2:after{
position:absolute;
left:49%;
bottom:0;
width:60px;
height:1px;
background:#00a44c;
content:"";
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
}
.section-title h2:after,.fanfact-wrap h2:after{
bottom:-2px;
left:51%;
}
.section-title p {
text-transform: capitalize;
margin-bottom: 35px;
font-size: 15px;
font-style: italic;
color: #696969;
line-height: 24px;
}

.service-wrap{
background:#fafafa;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
border-radius: 15px;
}
.service-wrap:hover{
background:#00a44c;
}
.service-img{
position:relative;
z-index:9;
overflow:hidden;
border-radius: 15px 15px 0 0;
}
.service-img img{
width:100%;
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
height: 140px;
}
.service-img:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
content:"";
z-index:9;
opacity:.2;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
}
.service-wrap:hover .service-img:before{
opacity:.5;
}
.service-content{
padding:10px 20px;
text-align: center;
}
.service-content h3{
font-size:20px;
margin-bottom:15px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
}
.service-content p{
margin-bottom:10px;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
text-transform:capitalize;
}
.service-content a{color: #337ab7;}
.service-wrap:hover .service-content p,.service-wrap:hover .service-content h3,.service-wrap:hover .service-content a{color:#fff}
.service-wrap .service-content a:hover{
text-shadow: 0px 3px 5px rgba(0,0,0,.3);
}
/*---------------------------- 5. service-area end --------------------------*/
/*---------------------------- 6. fanfact-area start --------------------------*/
.fanfact-area{
height:230px;
}
.fanfact-wrap h2{
font-size:36px;
color:#fff;
padding-bottom:10px;
position:relative;
display:inline-block;
min-width:80px;
}
.fanfact-wrap h2:before,.fanfact-wrap h2:after{
left:0;
transform:translateX(0);
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
width:30px;
background:#fff;
}
.fanfact-wrap h2:after{
left:10px;
}
.fanfact-wrap p{
color:#f1f1f1;
}
/*---------------------------- 6. fanfact-area end --------------------------*/
/*---------------------------- 7. portfolio-area end --------------------------*/
.portfolio-menu{
margin-bottom: 30px;
}
.portfolio-menu button{
position: relative;
padding: 7px 25px;
text-transform: uppercase;
color: #fff;
border: none;
font-size: 12px;
background: #00a44c;
overflow: hidden;
z-index: 9;
}
.portfolio-menu button.active{
background: #337ab7;
}
.portfolio-menu button::before{
position: absolute;
right: -30px;
top: 0;
z-index: -9;
width: 55px;
height: 100%;
background: #00a44c;
content: "";
transform: skew(-48deg);
-webkit-transform: skew(-48deg);
-moz-transform: skew(-48deg);
}
.portfolio-menu button.active::before{
background: #00a44c;
}
.portfolio-wrap{
position: relative;
overflow: hidden;
margin-bottom:30px;
}
.overlay{
position: absolute;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
z-index:9;
padding:0px 30px;
}
.overlay:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
content:"";
background:#00a44c;
z-index:-9;
}
.overlay a{
height:40px;
width:40px;
display:inline-block;
background:#fff;
line-height:40px;
text-align:center;
margin:0px auto 20px;
color:#00a44c;
border-radius:50%;
}
.overlay h3{
color:#fff;
font-size:18px;
text-transform:uppercase;
}
.overlay p{
color:#fff;
}
/*----------7. portfolio-area end -----------*/
/*-------------- 8. featured-area start -----------------*/
.featured-wrap ul{
position:relative;
overflow:hidden;
}
.featured-wrap ul:before{
position:absolute;
left:50%;
top:0;
width:2px;
height:100%;
background:#00a44c;
content:"";
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
}
.featured-wrap ul li{
position:relative;
overflow:hidden;
padding:60px 0px 10px 0;
}
.featured-wrap ul li:before{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%);
height:10px;
width:10px;
background:#00a44c;
content:"";
border-radius:50%;
margin-top:20px;
}
.featured-wrap ul li:last-child{
padding:17px 0;
}
.featured-wrap ul li h3{
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
position:absolute;
left:50%;
top:0;
padding:10px 30px;
background:#337ab7;
color:#fff;
text-transform:uppercase;
font-size:14px;
margin:0px;
}
.featured-wrap ul li .featured-content{
float:right;
width:43%;
background:#337ab7;
position:relative;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
border-radius:5px;
}
.featured-wrap ul li:hover .featured-content{
background:#00a44c;
}
.featured-wrap ul li .featured-content:before{
position:absolute;
top:50%;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
content:"";
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
}
.featured-wrap ul li:nth-child(odd) .featured-content:before{
border-right:10px solid #337ab7;
left:-10px;
}
.featured-wrap ul li:hover:nth-child(odd) .featured-content:before{
border-right:10px solid #00a44c;
}
.featured-wrap ul li:nth-child(even) .featured-content{
float:left;
}
.featured-wrap ul li:nth-child(even) .featured-content:before{
right:-10px;
border-left:10px solid #337ab7;
border-right:0px solid #337ab7;
}
.featured-wrap ul li:hover:nth-child(even) .featured-content:before{
border-left:10px solid #00a44c;
border-right:0px solid #00a44c;
}
.featured-wrap ul li .featured-content .featured-img{
width:40%;
position:relative;
}
.featured-wrap ul li .featured-content .featured-img:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
content:"";
opacity:.2;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
}
.featured-wrap ul li:hover .featured-content .featured-img:before{
opacity:.5;
}
.featured-wrap ul li:nth-child(odd) .featured-content .featured-img{
float:right;
}
.featured-wrap ul li:nth-child(even) .featured-content .featured-img{
float:left;
}
.featured-wrap ul li .featured-content .featured-info{
width:60%;
padding:20px;
}
.featured-wrap ul li:nth-child(odd) .featured-content .featured-info{
float:left;
}
.featured-wrap ul li:nth-child(even) .featured-content .featured-info{
float:right;
}
.featured-wrap ul li .featured-content h4{
font-size:16px;
margin-bottom:15px;
color:#fff;
}
.featured-wrap ul li .featured-content p {
color:#d2d2d2;
line-height:24px;
}
/*---------- 8. featured-area end --------------*/
/*------------- 9. video-area start --------------------------*/
.video-area{
height:400px;
}
.video-wrap a {
animation: .8s cubic-bezier(0.8, 0, 0, 1) 1s normal none infinite running pulse;
-webkit-animation: .8s cubic-bezier(0.8, 0, 0, 1) 1s normal none infinite running pulse;
-moz-animation: .8s cubic-bezier(0.8, 0, 0, 1) 1s normal none infinite running pulse;
background-color: transparent;
border-radius: 50%;
box-shadow: 0 0 0 0 rgba(41, 109, 193, 0.9);
display: inline-block;
font-size: 18px;
height: 75px;
line-height: 72px;
text-align: center;
width: 75px;
border:2px solid #fff;
color: #00a44c;
background:#fff;
}
.video-wrap a:hover{
background:#00a44c;
border-color:#00a44c;
color:#fff;
}
@-webkit-keyframes pulse {
to {
box-shadow: 0 0 0 10px rgba(41, 109, 193, 0);
}
}
@keyframes pulse {
to {
box-shadow: 0 0 0 10px rgba(41, 109, 193, 0);
}
}
/*---------------------------- 9. video-area end --------------------------*/
/*-----------10. team-area start --------------*/
.team-wrap{
padding-bottom: 90px;
position: relative;
z-index: 1;
overflow: hidden;
}
.team-img{
position:relative;
z-index:9;
}
.team-img:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
content:"";
opacity:0;
z-index:9;
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
transform:scaleY(0);
-webkit-transform:scaleY(0);
-moz-transform:scaleY(0);
transform-origin:top;
-webkit-transform-origin:top;
-moz-transform-origin:top;
}
.team-wrap:hover .team-img:before{
transform:scaleY(1);
-webkit-transform:scaleY(1);
-moz-transform:scaleY(1);
opacity:.5;
}
.team-img img{
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
width:100%;
height: 235px;
}
.team-wrap:hover .team-img img{
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.team-content{
height: 110px;
width: 100%;
bottom: 0;
position: absolute;
text-align: center;
overflow: hidden;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
z-index:9;
backface-visibility:#00a44c;
}
.team-content:before{
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
background:#00a44c;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
left: 0;
z-index:-9;
}
.team-wrap:hover .team-content:before{
height: 100%;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.team-wrap:hover .team-content{
height:125px;
}
.team-info{
background:#00a44c;
padding: 0px;
}
.team-content h3{
/* text-transform: uppercase; */
margin-bottom: 8px;
color: #fff;
font-size: 15px;
font-weight: bold !important;
}
.team-content p{
color: #fff;
/* font-style: italic; */
margin-bottom: 0;
font-size: 13px;
font-weight: 300;
/* letter-spacing: 1px; */
line-height: 20px;
text-align:center !important;
}
.team-content ul{
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
-moz-transition: -moz-transform 0.6s, opacity 0.4s;
transition: transform 0.6s, opacity 0.4s;
}
.team-wrap:hover .team-content ul{
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: -webkit-transform 0.6s, opacity 0.4s;
-moz-transition: -moz-transform 0.6s, opacity 0.4s;
transition: transform 0.6s, opacity 0.4s;
}
.team-content ul li{
opacity: 0;
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: -webkit-transform 0.6s, opacity 0.1s;
-moz-transition: -moz-transform 0.6s, opacity 0.1s;
transition: transform 0.6s, opacity 0.1s;
display:inline-block;
}
.team-wrap:hover .team-content ul li{
opacity: 1;
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.team-wrap:hover .team-content ul li:nth-child(1){
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
.team-wrap:hover .team-content ul li:nth-child(2){
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.team-wrap:hover .team-content ul li:nth-child(3){
-webkit-transition-delay: 300ms;
transition-delay: 300ms;
}
.team-wrap:hover .team-content ul li:nth-child(4){
-webkit-transition-delay: 400ms;
transition-delay: 400ms;
}
.team-wrap:hover .team-content ul li:nth-child(5){
-webkit-transition-delay: 500ms;
transition-delay: 500ms;
}
.team-content ul li a{
background:#fff;
height:27px;
width:27px;
line-height:25px;
text-align:center;
display:block;
}
/*-----------10. team-area end --------------*/
/*-----------11. faq-area start --------------*/
.faq-wrap .panel-default > .panel-heading {
background-color: transparent;
border-color: #e1e1e1;
padding:0px;
font-weight: 700;
}
.faq-wrap .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
padding: 12px 20px;
}
.faq-wrap  .panel-body p {
margin-bottom:0px;
}
.faq-wrap .panel-body {
padding: 20px 20px;
border: 1px solid #00a44c;
}
.faq-wrap .panel-default a {
display: block;
position: relative;
background:#00a44c;
color:#fff;
overflow:hidden;
font-size:15px;
}
.faq-wrap .panel-default a:before{
position: absolute;
right: -15px;
top: 0;
width: 57px;
height: 100%;
background: #337ab7;
content: "";
transform: skew(-20deg);
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
}
.faq-wrap .panel-default a:after {
content: "";
font-family: fontawesome;
font-size: 16px;
position: absolute;
right: 0;
background: #337ab7;
height: 100%;
top: 0;
width: 35px;
color: #fff;
text-align: center;
line-height: 38px;
border:1px solid #337ab7;
}
.faq-wrap .panel-default a.collapsed:after{
content:"\f107";
}
.faq-wrap.about-content {
padding: 12px 30px 12px 0;
}
.panel-group {
margin-bottom: 0;
}
.form-style input, .form-style select, .form-style textarea{
border:1px solid #999;
}
.form-style span{
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
line-height: 11px;
margin-bottom: 10px;
margin-top: 10px;
}
.form-style input:focus,.form-style textarea:focus{
border:1px solid #00a44c;
outline:none;
}
.form-style textarea{
height:115px;
}
.form-style button{
border:1px solid #999;
}
.form-style button:hover{
border-color:#00a44c;
}
/*-----------11. faq-area end --------------*/
/*-----------12. client-area start --------------*/
.client-info{
padding:25px 20px;
background:#00a44c;
}
.client-info h3{
font-size:16px;
margin-bottom:0px;
color:#fff;
}
.client-info span{
font-size: 11px;
display: block;
color: #f1f1f1;
}
.client-info ul li{
display: inline-block;
margin-bottom: 10px;
color: #c5c53a;
}
.client-info p{
line-height: 24px;
color: #e6e6e6;
font-style: italic;
font-weight: 300;
}
.client-img{
position:relative;
z-index:9;
}
.client-img:before{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#000;
content:"";
z-index:99;
opacity:.4;
}
.test-active{
padding-bottom:50px;
}
.test-active.dotate-style .owl-dots{
bottom:-4px;
}
.test-active.dotate-style .owl-dot{
background: #337ab7;
outline-color: #337ab7;
}
.test-active.dotate-style .owl-dot.active{
background:#00a44c;
outline-color:#00a44c;
}
/*-----------12. client-area end --------------*/
/*------------------13. praller-area start --------------------*/
.prallex-area{
height: 450px;
display: flex;
flex-direction: column;
justify-content: center;
}
.prallex-wrap h2{
font-size:35px;
color:#fff;
line-height:55px;
letter-spacing:1px;
margin-bottom:20px;
text-transform:capitalize;
}
.prallex-wrap  h2 i.fa-quote-left{margin-right:30px;}
.prallex-wrap  h2 i.fa-quote-right{margin-left:30px;}
.prallex-wrap span{
color:#f1f1f1;
text-transform:capitalize;
}
/*------------------13. praller-area end --------------------*/
/*------------------14. blog-area start --------------------*/
.blog-wrap{
background:#fff;
}
.blog-img{
position:relative;
z-index:99;
overflow:hidden;
}
.blog-img:before,.blog-img:after{
position:absolute;
top:0;
width:0;
height:100%;
background:#000;
content:"";
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
opacity:.5;
}
.blog-img:before{
left:0;
}
.blog-wrap:hover .blog-img:before{
width:50%;
}
.blog-img:after{
right:0;
}
.blog-wrap:hover .blog-img:after{
width:50%;
}
.blog-meta{
margin-bottom:10px;
}
.blog-meta ul li{
display:inline-block;
margin-right:10px;
}
.blog-meta ul li a{
color:#555;
}
.blog-meta ul li a:hover{
color:#00a44c;
}
.blog-meta ul li a i{
margin-right:3px;
}
.blog-content{
position:relative;
padding:20px 20px 30px;
border-bottom:2px solid #c3c3c3;
}
.blog-content:before,.blog-content:after{
position:absolute;
left:0;
bottom:-2px;
width:10%;
height:2px;
background: #00a44c;
content:"";
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
opacity:.7;
}
.blog-wrap:hover .blog-content:before,.blog-wrap:hover .blog-content:after{
width:50%;
}
.blog-content:after{
left:auto;
right:0;
}
.blog-content h3{
margin-bottom:15px;
}
.blog-content h3 a{
font-size:20px;
text-transform:capitalize;
}
.blog-content p{
margin-bottom:20px;
line-height:24px;
}
.blog-content a.btn-style{
border:1px solid #00a44c;
}
/*------------------14. blog-area end --------------------*/
/*------------------15. newsletter-area start --------------------*/
.newsletter-area{
height:400px;
display:flex;
flex-direction:column;
justify-content:center;
}
.newsletter-wrap h2{
color:#fff;
margin-bottom:15px;
}
.newsletter-wrap p{
color:#f1f1f1;
}
.newsletter-form form{
position:relative;
margin:17px 0px;
}
.newsletter-form input{
margin:0px;
}
.newsletter-form button{
position:absolute;
right:-1px;
top:0;
height:40px;
background:#337ab7;
border-color:#337ab7;
color:#fff;
}
/*------------------15. newsletter-area end --------------------*/
/*------------------16. footer-area start --------------------*/
.footer-top{
padding:32px 0 45px 0;
background:#00a44c;
}
.footer-logo h1{
font-size: 24px;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px;
}
.footer-logo p{
color: #fafafa;
margin-bottom:15px;
}
.footer-logo ul li{
line-height: 35px;
color: #f1f1f1;
font-style: italic;
}
.footer-logo ul li i{
margin-right: 5px;
}
.footer-widget h2{
font-size: 20px;
color: #f1f1f1;
padding-bottom: 10px;
position: relative;
margin-bottom: 15px;
}
.footer-widget h2::before,.footer-widget h2::after{
position: absolute;
left: 0;
bottom: 0;
background: #f1f1f1;
content: "";
height: 1px ;
width: 30px;
}
.footer-widget h2::after{
left: 5px;
bottom: -2px;
}
.footer-menu ul li{
line-height: 30px;
}
.footer-menu ul li a{
color: #fafafa;
display: inline-block;;
padding-left: 10px;
position: relative;
font-size: 14px;
}
.footer-menu ul li a:hover{
text-shadow: 0px 3px 5px rgba(0,0,0,.5);
}
.footer-menu ul li a::before{
position: absolute;
left: 0;
top: 0;
content: "\f105";
font-family: fontawesome;
}
.instagram-wrap ul{
overflow: hidden;
}
.instagram-wrap ul li{
padding:2px;
width: 33.33%;
float: left;
}
.instagram-wrap ul li a{
display: block;
position: relative;
}
.instagram-wrap ul li a::before{
position: absolute;
left: 0
top:0;
width: 100%;
height: 100%;
background: #000;
opacity: .2;
content: "";
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition: all .3s;
}
.instagram-wrap ul li:hover a::before{
opacity: .5;
}
.quick-contact input,.quick-contact textarea{
height: 30px;
background: transparent;
border: 1px solid #f1f1f1;
margin-bottom: 5px;
width: 100%;
color: #fff;
padding-left: 10px;
}
.quick-contact textarea{
height: 60px;
margin: 0px;
}
.quick-contact button{
padding: 5px 25px;
border: 1px solid transparent;
}
.quick-contact ::-webkit-input-placeholder {
color: #f1f1f1;
font-size: 12px;
}
.quick-contact ::-moz-placeholder {
color: #f1f1f1;
font-size: 12px;
}
.quick-contact :-ms-input-placeholder {
color: #f1f1f1;
font-size: 12px;
}
.footer-bottom{
padding: 3px 0px;
background: #333;
color: #fff;
position: fixed;
z-index: 99;
bottom: 0px;
width: 100%;
}
/*------------------16. footer-area end --------------------*/
/*--------------------------------------------
home page two style
-------------------------------------------*/
/*--------------header-style tow--------------*/
.header-top{
padding: 5px 0px;
border-bottom: 1px solid #04d464;
}
.header-top-left p{
color: #fff;
font-style: italic;
}
.header-top-right ul li{
display: inline-block;
margin-left: 10px;
}
.header-top-right ul li a{
color: #d8d8d8;
font-size: 16px;
}
.header-top-right ul li a:hover{
color: #fff;
}
.header-bottom .menu-navbar-container > ul {
justify-content: flex-start;
}
.header-middle{
padding: 0px 0px;
position: relative;
z-index: 9;
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
}
.header-middle::before{
content: "";
background-color: #fff;
width: 71%;
height: 100%;
position: absolute;
left: -45px;
top: 0;
-webkit-transform: skewX(40deg);
-moz-transform: skewX(40deg);
-o-transform: skewX(40deg);
-ms-transform: skewX(40deg);
transform: skewX(40deg);}
.header-middle-right {
margin: 50px 0 0 0;
}
.header-middle-right ul{
display: flex;
justify-content: flex-end;
}
.header-middle-right ul li{
margin-left: 10px;
display: flex;
}
.header-middle-right ul li:first-child{
margin-left: 0px;
}
.header-middle-right ul li .contact-icon i{
font-size: 40px;
margin-right: 15px;
line-height: 40px;
color: #fff;
}
.header-middle-right ul li .contact-info p{
color: #fff;
line-height: 20px;
}
.header-middle-right ul li .contact-info span{
font-size: 12px;
font-style: italic;
color: #d2d2d2;
}
/*-----------slider-area------------*/
.slider-active2 #progressBar {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.slider-active2 #bar{
height:5px;
width:0px;
max-width:100%;
background:rgb(0, 164, 76);
}
/*------------about-area ------------*/
.about-items{
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
height: 180px;
background: #00a44c;
padding: 0px 30px;
position: relative;
z-index: 9;
}
.about-items::before{
position: absolute;
left:5%;
top: 5%;
border: 1px solid #fff;
content: "";
width: 90%;
height: 90%;
}
.about-items i{
font-size: 30px;
color: #fff;
margin-bottom: 15px;
}
.about-items h3{
font-size: 18px;
color: #fff;
text-transform: capitalize;
line-height: 28px;
}
.section-title.section-title2 h2::before,.section-title.section-title2 h2::after{
left: 0;
transform: translateX(0px);
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
}
.section-title.section-title2 h2::after{
left: 10px;
}
.home2-service-area{
padding-bottom: 110px;
}
.home2-service-area .service-wrap{
text-align: center;
margin-bottom: 30px;
background: #fafafa;
}
.home2-service-area .service-wrap:hover{
background: #00a44c;
}
/*--------team-area start-----------*/
.team-wrap2{
position: relative;
}
.team-wrap2 .team-img{
overflow: hidden;
}
.team-wrap2 .team-content {
position: static;
background: #00a44c;
padding: 10px 10px;
}
.team-wrap2 .overlay{
padding:0px 10px;
}
.team-wrap2 .overlay h3{
margin: 0px;
}
.team-wrap2 .overlay span{
color: #4690ea;
font-style: italic;
margin-bottom: 5px;
font-size: 12px;
font-weight: 300;
}
.team-wrap2 .overlay p{
line-height: 24px;
margin-bottom: 15px;
font-size: 13px;
}
.team-wrap2 .overlay::before{
background: #000;
opacity: .8;
}
.team-wrap2 .overlay ul li{
display: inline-block;
}
.team-wrap2 .overlay ul li a{
height: 30px;
width: 30px;
line-height: 30px;
margin: 0px;
font-size: 12px;
}
.team-wrap2 .overlay ul li a:hover{
background: #00a44c;
color: #fff;
}
/*----------pricing-table-area start-----------*/
.pricing-table-area{
padding: 140px 0px 110px;
}
.pricing-wrap {
margin-bottom: 30px;
text-align: center;
background: #f1f1f1;
}
.pricing-wrap h3{
font-size:30px;
height:100px;
line-height:100px;
background: rgba(2,61,134,1);
background: -moz-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,61,134,1)), color-stop(100%, rgba(41,109,193,1)));
background: -webkit-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: -o-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: -ms-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: linear-gradient(to right, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#00a44c', GradientType=1 );
color:#fff;
margin-bottom:0px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.pricing-wrap:hover h3{
background: rgba(41,109,193,1);
background: -moz-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,109,193,1)), color-stop(44%, rgba(41,109,193,1)), color-stop(44%, rgba(41,109,193,1)), color-stop(100%, rgba(2,61,134,1)));
background: -webkit-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: -o-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: -ms-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: linear-gradient(to right, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a44c', endColorstr='#337ab7', GradientType=1 );
}
.pricing-wrap h4{
height:90px;
line-height:90px;
font-size:35px;
background:#fafafa;
margin-bottom:0px;
font-weight:700;
}
.pricing-wrap h4 span{
font-size: 10px;
}
.pricing-wrap ul li{
line-height:40px;
text-transform:capitalize;
border-bottom:1px solid #fafafa;
font-size: 12px;
}
.pricing-wrap ul li:last-child{
border:none;
}
.pricing-wrap button{
background: rgba(41,109,193,1);
background: -moz-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41,109,193,1)), color-stop(44%, rgba(41,109,193,1)), color-stop(44%, rgba(41,109,193,1)), color-stop(100%, rgba(2,61,134,1)));
background: -webkit-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: -o-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: -ms-linear-gradient(left, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
background: linear-gradient(to right, rgba(41,109,193,1) 0%, rgba(41,109,193,1) 44%, rgba(41,109,193,1) 44%, rgba(2,61,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a44c', endColorstr='#337ab7', GradientType=1 );
padding:15px 0px;
font-size:16px;
text-transform:uppercase;
font-style:italic;
width:100%;
color:#fff;
border:none;
margin-top: 10px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.pricing-wrap:hover button{
background: rgba(2,61,134,1);
background: -moz-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,61,134,1)), color-stop(100%, rgba(41,109,193,1)));
background: -webkit-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: -o-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: -ms-linear-gradient(left, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
background: linear-gradient(to right, rgba(2,61,134,1) 0%, rgba(41,109,193,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#00a44c', GradientType=1 );
}
.pricing-wrap button:hover{
text-shadow:0px 3px 5px rgba(0,0,0,.5);
}
.next-prev-style .owl-nav div {
position: absolute;
right: 21px;
top: -80px;
height: 40px;
width: 55px;
background: #00a44c;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 16px;
transform: skew(15deg);
-webkit-transform: skew(15deg);
-moz-transform: skew(15deg);
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.next-prev-style .owl-nav div.owl-next{
right: 78px;
}
.next-prev-style .owl-nav div:hover{
background: #337ab7;
}
/*----------pricing-table-area end-----------*/
/*----------skill-area start-----------*/
.skill-area {
position: relative;
z-index: 9;
min-height: 400px;
background: #f1f1f1;
overflow: hidden;
}
.skill-img{
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
}
.skill-img.black-opacity::before{
z-index: 9;
opacity: .5;
}
.skill-img img{
visibility: hidden;
}
.skill-wrap{
padding: 80px 0px 60px 20px;
}
.progress-wrap{
overflow: hidden;
}
.progress {
height: 15px;
background-color: #b0c5de;
box-shadow: none;
overflow: visible;
margin-bottom: 25px;
border-radius: 2px;
}
.progress-bar {
background-color: #00a44c;
position:relative;
border-radius: 2px;
}
.progress-wrap p{
margin-bottom: 0px;
text-transform: uppercase;
font-size: 13px;
}
.progress-bar span.progress-persent {
position: absolute;
right: -28px;
top: -8px;
display: block;
height: 30px;
width: 30px;
background: #00a44c;
line-height: 30px;
font-size: 9px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
border-radius: 5px;
}
.progress-bar span.progress-persent span{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
display: block;
}
/*----------skill-area end-----------*/
/*------------brand-area start--------------*/
.brand-area .section-title2 p,.brand-area .section-title2 h2{
color: #fff;
}
.brand-wrap a {
display: block;
background: #fff;
padding: 10px;
border: 1px solid #00a44c;
}
/*------------brand-area end--------------*/
/*--------------------------------------------
home page three style
-------------------------------------------*/
/*----------header-style three-------------*/
.header-area2 .header-top-left p {
color: #262626;
}
.header-area2 .header-top-right ul li a {
color: #00a44c;
}
.header-area2 .header-top-right ul li  a:hover {
color: #337ab7;
}
.header-area2 .logo h1 a{
color: #fff;
}
.header-area2 .menu-navbar-container ul li > a {
color: #fff;
}
.header-area2 .menu-navbar-container ul li.active > a,.header-area2 .menu-navbar-container ul li:hover > a{
background: #337ab7;
}
.header-area2 .menu-navbar-container ul li > ul li > a,.header-area2 .menu-navbar-container ul li > ul.megamenu li a {
color: #222;
}
.header-area2 .menu-navbar-container ul li > ul li.active > a{
color: #fff;
}
.header-area2 .menu-navbar-container ul li > ul li:hover > a{
color: #fff;
}
.header-area2 .search-wrap ul li{
background: #337ab7;
}
.about-area2 .about-items{
background: transparent;
border: 1px solid #337ab7;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.about-area2 .about-items:hover{
background: #00a44c;
border-color: #00a44c;
}
.about-area2 .about-items::before{
display: none;
}
.about-area2 .about-items i,.about-area2 .about-items h3 {
color: #333;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.about-area2 .about-items:hover i,.about-area2 .about-items:hover h3 {
color: #fff;
}
/*--------about-area end-------------*/
/*--------about-area start-------------*/
.team-wrap3{
position: relative;
}
.team-wrap3 .team-content {
background: #00a44c;
padding: 20px 0;
height: auto;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-webkit-transform: scaleY(0);
-webkit-transform-origin: bottom;
-moz-transform: scaleY(0);
-moz-transform-origin: bottom;
transform: scaleY(0);
transform-origin: bottom;
}
.team-wrap3:hover .team-content{
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
.team-wrap3 .team-content p {
margin-bottom: 0;
}
.team-wrap3 .team-img{
position: relative;
z-index: 9;
}
.team-wrap3 .team-img ul{
position: absolute;
left: 0;
top: 0;
z-index: 99;
}
.team-wrap3 .team-img ul li a{
width:40px;
height:40px;
line-height:40px;
text-align:center;
background:#00a44c;
color:#fff;
display:inline-block;
-webkit-transform:perspective(1000px) rotateY(90deg);
-webkit-transform-origin:left;
-moz-transform:perspective(1000px) rotateY(90deg);
-moz-transform-origin:left;
transform:perspective(1000px) rotateY(90deg);
transform-origin:left;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
}
.team-wrap3 .team-img ul li a:hover{
background: #337ab7;
}
.team-wrap3.team-wrap:hover .team-img ul li a{
transform:perspective(1000px) rotateY(0deg);
}
.team-wrap3:hover .team-img ul li a{
transform:perspective(1000px) rotateY(0deg);
}
.team-wrap3 .team-img ul li:nth-child(1) a{
transition-delay:.1s;
}
.team-wrap3 .team-img ul li:nth-child(2) a{
transition-delay:.2s;
}
.team-wrap3 .team-img ul li:nth-child(3) a{
transition-delay:.3s;
}
.team-wrap3 .team-img ul li:nth-child(4) a{
transition-delay:.4s;
}
.team-wrap3 .team-img ul li:nth-child(5) a{
transition-delay:.5s;
}
/*-----------pricing-table start---------*/
.pricing-switcher-wrap {
text-align: center;
position: relative;
margin-bottom: 30px;
}
.pricing-switcher-wrap .pricing-tablist span {
font-size: 12px !important;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
}
.pricing-switcher-wrap .pricing-tablist .active {
color: #00a44c;
}
.pricing-switcher-wrap .pricing-tablist span:first-child {
margin-right: 120px;
}
.pricing-switch {
width: 80px;
height: 20px;
position: absolute;
left: 50.5%;
top: 3px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pricing-slider {
background-color: #00a44c;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
border-radius: 34px;
cursor: pointer;
}
.pricing-slider:before {
background-color: #fff;
position: absolute;
content: "";
width: 40px;
height: 15px;
left: 2px;
bottom: 3px;
border-radius: 15px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.pricing-slide-off:before {
-webkit-transform: translateX(35px);
-moz-transform: translateX(35px);
-o-transform: translateX(35px);
-ms-transform: translateX(35px);
transform: translateX(35px);
}
.pricing-table {
position: relative;
}
.pricing-grids {
width: 100%;
position: absolute;
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
margin-left: 0;
}
.active-price {
position: relative;
visibility: visible;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
/*==================================================
about-us pages start
=====================================================*/
.breadcumb-area{
height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
position: relative;
}
.breadcumb-wrap h2{
color: #fff;
position: relative;
text-transform: capitalize;
padding-bottom: 15px;
margin-bottom:57px;
font-size: 40px;
}
.breadcumb-wrap h2::before,.breadcumb-wrap h2::after{
position: absolute;
left: 50%;
bottom: 0;
width: 40px;
height: 1px;
background: #fff;
content: "";
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
}
.breadcumb-wrap h2::after{
left: 51%;
bottom: -2px;
}
.breadcumb-menu{
background: rgba(1, 18, 31, 0.38);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 15px 0px;
}
.breadcumb-menu ul li{
display: inline-block;
margin: 0px 5px;
color: #00a44c;
}
.breadcumb-menu ul li a{
color: #fff;
}
.breadcumb-menu ul li a:hover{
color: #00a44c;
}
.about-wrap h3{
margin-bottom: 20px;
text-transform: capitalize;
}
/*-----------------company-details-area start----------------*/
.company-details-area{
text-align: center;
padding: 100px 0px;
}
.company-details-wrap h2{
color: #fff;
text-transform: capitalize;
margin-bottom: 25px;
}
.company-details-wrap p{
color: #fff;
margin-bottom: 25px;
}
.company-details-wrap a{
display: inline-block;
padding: 8px 30px;
text-transform: uppercase;
background: #fff;
}
/*-----------------company-details-area end----------------*/
/*-----------------quote-area start----------------*/
.quote-area {
padding: 50px 0px;
background: #f1f1f1;
}
.quote-wrap h2{
font-size: 20px;
margin: 10px 0px;
}
.quote-wrap a{
display: inline-block;
padding: 8px 30px;
background: #00a44c;
color: #fff;
text-transform: uppercase;
}
.quote-wrap a:hover{
background: #337ab7;
}
/*-----------------quote-area start----------------*/
.ptb-100{padding: 100px 0px;}
.service-area.home2-service-area.ptb-100 {
padding: 100px 0px 70px;
}
/*-------------single-service-area start------------*/
.single-service-wrap {
overflow: hidden;
}
.single-service-active{
margin-bottom: 30px;
overflow: hidden;
}
.single-service-active .owl-nav div{
position: absolute;
left: -100px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
height: 35px;
width: 40px;
background: #00a44c;
color: #fff;
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
text-align: center;
line-height: 35px;
}
.single-service-active:hover .owl-nav div{
left: 0;
}
.single-service-active .owl-nav div:hover{
background: #337ab7;
}
.single-service-active .owl-nav div.owl-next{
left: auto;
right: -100px;
}
.single-service-active:hover .owl-nav div.owl-next{
left: auto;
right: 0px;
}
.single-service-wrap h3{
text-transform: capitalize;
margin-bottom: 20px;
}
.single-service-wrap p{
margin-bottom: 16px;
}
.single-service-wrap blockquote {
padding: 25px 20px;
background: #fafafa;
font-style: italic;
font-size: 16px;
margin: 35px 0;
display: block;
color: #7b7b7b;
border-left: 3px solid #00a44c;
line-height: 30px;
}
.single-service-wrap h4{
font-size: 21px;
margin-bottom: 15px;
text-transform: capitalize;
}
.sidebar-menu {
margin-bottom: 40px;
}
.sidebar-menu ul li a{
display: block;
padding: 10px 20px;
border: 1px solid #f1f1f1;
margin-bottom: -1px;
text-transform:uppercase;
}
.sidebar-menu ul li a:hover,.sidebar-menu ul li.active a{
background: #00a44c;
color: #fff;
border-color: #00a44c;
}
.author-wrap{
padding: 30px 20px;
background: #fafafa;
margin-bottom: 40px;
}
.author-img {
margin-bottom: 15px;
}
.author-img img{
border-radius: 50%;
}
.author-info h3{
font-size: 16px;
text-transform: uppercase;
margin-bottom: 0px;
}
.author-info span{
font-size: 12px;
font-style: italic;
display: block;
margin-bottom: 10px;
color: #00a44c;
}
.banner-wrap{
}
.banner-wrap img{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.banner-wrap:hover img{
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
.banner-wrap.black-opacity::before{
z-index: 9;
opacity: .5;
}
/*-------------single-service-area end------------*/
.seemore-btn a{
display: inline-block;
padding: 8px 30px;
text-transform: uppercase;
color: #fff;
background: #00a44c;
border-radius: 3px;
margin-top: 20px;
}
.seemore-btn a:hover{
background: #337ab7;
}
.portfolio-area3 .portfolio{
width: 33.33%;
float: left;
}
.portfolio-area3 .portfolio-wrap{
margin: 0px;
}
.portfolio-area3 .seemore-btn a{
margin-top: 50px;
}
/*--------------------pagination-wrap start--------------*/
.pricing-page-area{
padding-top:220px;
}
.pagination-wrap ul{
margin-top: 20px;
display: flex;
justify-content: center;
}
.pagination-wrap ul li a{
height: 45px;
width: 45px;
background: #;
line-height: 45px;
display: block;
border: 1px solid #00a44c;
text-align: center;
margin-left: -1px;
font-size: 18px;
}
.pagination-wrap ul li a:hover,.pagination-wrap ul li.active a{
background: #00a44c;
color: #fff;
}
.blog-img img{
width: 100%;
}
/*--------------------pagination-wrap end--------------*/
/*-----------------------sidebar-style-here-----------------------*/
.search-sidebar form{
position: relative;
}
.search-sidebar input{
width: 100%;
height: 45px;
background: transparent;
border: 1px solid #c0dbfd;
padding-left: 10px;
}
.search-sidebar button{
position: absolute;
right: 0;
width: 45px;
height: 45px;
top: 0;
color: #fff;
background: #00a44c;
border: 1px solid #00a44c;
}
.search-sidebar button:hover{
background: #337ab7;
border-color: #337ab7;
}
.sidebar-title{
position: relative;
font-size: 22px;
text-transform: capitalize;
padding-bottom: 5px;
margin-bottom: 20px;
}
.sidebar-title::before,.sidebar-title::after{
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 1px ;
content: "";
background: #00a44c;
}
.sidebar-title::after{
left: 5px;
bottom: -2px;
}
.category-wrap ul li{
line-height: 35px;
border-bottom: 1px solid #f1f1f1;
}
.category-wrap ul li:last-child{
border-bottom: none;
}
.category-wrap ul li a{
padding-left: 20px;
position: relative;
display: block;
}
.category-wrap ul li a::before{
position: absolute;
left: 0;
content: "\f101";
font-family: fontawesome;
color: #00a44c;
font-size: 16px;
top: 0;
}
.related-post ul li{
overflow: hidden;
border-bottom: 1px solid #f1f1f1;
margin-bottom: 10px;
padding-bottom: 10px;
}
.related-post ul li:last-child{
border-bottom: none;
margin-bottom: 10px;
padding-bottom: 10px;
}
.post-img{
float: left;
}
.post-info{
margin-left: 95px;
}
.post-info a {
font-size: 15px;
margin-bottom: 10px;
display: block;
line-height: 20px;
}
.post-info p{
line-height: 20px;
font-size: 12px;
color: #00a44c;
}
.archive-wrap ul li{
line-height: 35px;
}
.archive-wrap ul li a{
display: block;
}
.tags-wrap ul li{
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.tags-wrap ul li a{
display: block;
padding: 8px 20px;
border: 1px solid #e1e1e1;
}
.tags-wrap ul li a:hover{
background: #00a44c;
color: #fff;
}
/*============================================
blog-details-area start
=============================================*/
.blog-details-img{
margin-bottom: 40px;
}
.blog-details-content h3{
margin-bottom: 20px;
}
.blog-details-content p{
margin-bottom: 25px;
}
.blog-details-content blockquote{
font-size: 16px;
font-style: italic;
background:rgba(41,109,193,.7);
padding:30px;
border-left: 5px solid rgba(41,109,193,.9);
margin:35px 0px;
color: #fff;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.blog-details-content ul{
margin-bottom: 30px;
}
.blog-details-content ul li{
line-height: 30px;
padding-left: 20px;
position: relative;
}
.blog-details-content ul li::before,.blog-details-content ul li::after{
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 6px;
border-radius: 50%;
background: #00a44c;
content: "";
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
z-index: 99;
}
.blog-details-content ul li::after{
height: 10px;
width: 10px;
background: #337ab7;
z-index: 9;
left: -2px;
}
ol{
list-style:none;
}
.comment-wrap {
overflow: hidden;
margin-bottom: 10px;
border: 1px solid #f1f1f1;
padding: 30px 20px;
}
.comment-theme{
float:left;
}
.comment-main-area{
margin-left:100px;
}
.comment-wrap1 {
margin-left: 20px;
}
.comment-wrap2{
margin-left:40px;
}
.sewl-comments-meta h4{
text-transform:capitalize;
font-weight:500;
}
.sewl-comments-meta h4 span {
font-weight: 400;
font-size: 13px;
display: inline-block;
margin-left: 15px;
font-style: italic;
}
.comment-main{
margin-bottom:50px;
}
.comment-image img {
border-radius: 50%;
}
.comment-area p{
margin-bottom: 5px;
}
.comments-reply a.comment-reply-link{
font-style: italic;
}
h3.blog-title {
margin-bottom: 20px;
position: relative;
padding-bottom: 5px;
}
h3.blog-title::before,h3.blog-title::after{
position: absolute;
left: 0;
bottom: 0;
width: 35px;
height: 1px;
background: #00a44c;
content: "";
}
h3.blog-title::after{
left: 5px;
bottom: -2px;
}
.sewl-form-inputs textarea,.sewl-form-inputs input{
height:50px;
width:100%;
border:1px solid #f1f1f1;
padding-left:20px;
margin-bottom:20px;
}
.sewl-form-inputs textarea:focus,.sewl-form-inputs input:focus{
outline:1px solid #00a44c;
}
.sewl-form-inputs textarea{
height:150px;
padding-top:10px;
}
.form-submit  input{
text-transform:uppercase;
background:#00a44c;
border:1px solid #00a44c;
color:#fff;
padding: 10px 30px;
}
.form-submit  input:hover{
background:#337ab7;
border-color:#337ab7;
}
/*----------------commingsoon-area start------------------*/
.comming-soon-area {
height: 500px;
display: flex;
flex-direction: column;
justify-content: center;
}
.comming-soon-wrap h3{
font-size: 30px;
margin-bottom: 20px;
}
.comming-soon-wrap p{
font-size: 16px;
margin-bottom: 30px;
}
.timer span.cdown {
display: block;
float: left;
width: 24%;
text-align: center;
height: 150px;
display: flex;
flex-direction: column;
background: #00a44c;
justify-content: center;
color: #fff;
transform: skewX(25deg);
-webkit-transform: skewX(25deg);
-moz-transform: skewX(25deg);
margin-left: 10px;
}
.timer span.cdown:first-child{
margin-left: 0px;
}
.timer span.time-count {
font-size: 40px;
margin: 0px auto;
margin-bottom: 10px;
display: block;
transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
padding-bottom: 10px;
width: 100px;
position: relative;
}
.timer span.time-count::before,.timer span.time-count::after{
position: absolute;
left: 25px;
bottom: 0;
width: 20px;
height: 1px;
background: #fff;
content: "";
}
.timer span.time-count::after{
left: 30px;
bottom: -2px;
}
.timer span.cdown p{
color: #fff;
transform: skewX(-25deg);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg);
font-size: 18px;
}
/*----------------contact-area start------------------*/
.contact-wrap textarea{
height: 200px;
}
.contact-wrap button{
border: 1px solid #999;
padding: 10px 30px;
}
.contact-wrap ul li{
padding: 30px 30px;
background: #00a44c;
color: #fff;
position: relative;
padding-left: 90px;
}
.contact-wrap ul li:nth-child(odd){
background:#337ab7;
}
.contact-wrap ul li p{
color: #fff;
}
.contact-wrap ul li i{
position: absolute;
left: 35px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
font-size: 35px;
}
.contact-wrap h3{
text-transform: uppercase;
margin-bottom: 30px;
}
#googleMap{
height: 500px;
width: 100%;
background: #00a44c;
margin-top: 100px;
}
.top-contact li{ float: left; color: #fff;margin: 0 12px 0 0; }
.serv-col:hover .serv-img img {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-ms-transform: scale(1.2);
/* IE 9 */
-webkit-transform: scale(1.2);
/* Safari */
transform: scale(1.2);
/* Standard syntax */
}
.serv-col:hover .serv-img:before {
visibility: visible;
}
/* -----products------- */
/**** Hover effects ****/
.hovicon {
cursor: pointer;
width: 140px;
height: 140px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
margin: auto;
}
.hovicon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.hovicon:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
/* Effect 9 */
.hovicon.effect-9 {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.hovicon.effect-9:after {
top: 0;
left: 0;
padding: 0;
box-shadow: 0 0 0 3px #00a44c;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
/* Effect 9a */
.hovicon.effect-9.sub-a:hover:after {
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
opacity: 0.5;
}
.hovicon.effect-9.sub-a:hover {
box-shadow: 0 0 4px 4px #ed1116;
}
/**** Hover effects ****/
.products-ses{     padding: 30px 0 0 0;
margin: 0px 0 0 0;}
.hom-product h3{     text-align: center;
margin: 10px 0 0 0;font-size: 20px;
font-weight: 500;}
.hom-product { padding:0 0 27px 0; }
/* -----products------- */
/* -----What’s new?------- */
.whatnew-area{    margin: 0 0 30px 0;}
.whatnew-list ul li{    }
.post-date {
color: #fff;
display: block;
padding: 2% 3%;
width: 60px;
height: 60px;
text-align: center;
transition: all 0.50s ease;
margin: 0 10px 0 0;
}
.post-date .date {
display: block;
font-size: 20px;
font-weight: 700;
border-radius: 5px 5px 0 0;
background: #e02b2b;
}
.post-date .month {
display: block;
font-size: 11px;
text-transform: uppercase;
background: #747c84;
border-radius: 0 0 5px 5px;
}
.whatnew-list ul {
padding: 0;
}
.whatnew-list ul li {
padding: 7px 5px 0 5px;
border: 1px solid #f39c1257;
height: 75px;
margin: 5px !important;
}
.whatnew-list p a{  font-size: 13px; }
/* -----What’s new?------- */
/*********** Social icons *************************/
.right-fix-section {
position:fixed;
right:0;
z-index:999;
top:267px;
}
.right-section {
width:50px
}
.right-section ul li {
width:45px;
background: rgb(51, 122, 183);
height:40px;
margin-bottom:1px;
vertical-align:middle;
float:right;
display:inline;
cursor:pointer;
overflow:hidden
}
.right-section ul li:hover {
width:162px;
height:40px;
position:relative;
right:0;
transition:all .4s ease
}
.right-section ul li i, .right-section ul li strong {
width:32px;
margin:4px 7px;
height:32px;
border-radius:50%;
float:left;
font-size:20px;
text-align:center;
line-height:35px
}
.right-section ul li .fa-star {
background:#f98c39;
color:#fff
}
.recruitment {
background:#06b093;
color:#fff;
padding:6px;
overflow:hidden
}
.right-section ul li .fa-user{
background:#5599db;
color:#fff
}
.right-section ul li .fa-download {
background:#15944b;
color:#fff
}
.right-section ul li:first-child i, .right-section ul li:first-child strong {
font-size:23px
}
.right-section ul li a {
color:#000;
float:left;
width:162px;
text-decoration:none
}
.right-section ul li .fa-apple {
background:#333;
color:#fff
}
.right-section ul li .twitter {
background:#1cb7eb;
color:#fff
}
.right-section ul li .fa-android {
font-size:22px;
background:#8a9b24;
color:#fff
}
.right-section ul li span:hover {
text-decoration:underline
}
.right-section ul li a span {
background:#fff;
float:right;
font-size:12px;
height:40px;
line-height:26px;
padding:5px 10px;
text-transform:capitalize;
width:116px
}
.right-section ul li:nth-child(3) a span {
line-height:14px!important;
padding:10px!important
}
/*********** Social icons *************************/
.aboutin-area { padding: 40px 0 40px 0; }
.aboutin-area h1{     color: #337ab7;
font-size: 18px;}
.aboutin-area td{ color: #000; }
.aboutin-area p{ text-align: justify;  margin: 10px 0 0 0;}
.aboutin-area strong{
color: #337ab7;
font-size: 18px;
}
.inner-area { padding: 40px 0 40px 0; }
.inner-area h1{     color: #337ab7;
font-size: 18px;}
.inner-area ul li{
line-height:30px;
position:relative;
padding-left:25px;
text-transform:capitalize;
}
.inner-area ul li:before{
position:absolute;
top:12px;
left:0;
width:4px;
height:4px;
background:#00a44c;
outline:2px solid #00a44c;
outline-offset:2px;
content:"";
}
.inner-area th {
background: #70ad47;
color: #fff;
text-align: center;
vertical-align: middle !important;
font-weight: 500;
}
.table>tbody>tr:nth-of-type(odd) {
background-color: #e2efd9 !important;
}
.inner-area td{ color: #000; }
.inner-area p{ text-align: justify;  margin: 10px 0 0 0;}
.inner-area strong{
color: #337ab7;
font-size: 18px;
}
h1.entry-title {
display: none;
}
.entry-content a {
color: #315dbf;
font-weight: bold;
text-decoration: underline;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #7b8892 !important;
}
.tenders_information_content {text-align: center;}
.in_gride td{
font: bold 14px Arial, Helvetica, sans-serif;
color: #000;
background-color: #fad0cc;
border: 1px solid #e1efda;
padding: 10px;
text-align: center;
}
.in_gride01 td{
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
background-color: #e1efda;
padding: 10px;
}
.in_gride02 td{
font: normal 12px Arial, Helvetica, sans-serif;
color: #000;
background-color: #ecf5fa;
padding: 10px;
}
.news-articals h4 {
padding: 0px;
margin: 6px 0 0 0;
}
.news-articals h4 a{color: #21759b;
font-size: 14px;
font-weight: bold;}
.news-readmore {
color: #f9141a;
}
.faq-form label{ font-weight: 500; }
.loans-img img{    height: 390px;}
.quick-box{border: 1px solid #f5dd97;
padding: 18px 0 0 0;    margin: 25px 0 0 0;}
.qui-links{     text-align: center;
box-shadow: 1px 1px 3px #c2c2c2;
border: 1px solid #00a44c;
}
.qui-links a{    display: block;
height: 58px;
padding: 12px 0 0 0;
font-size: 12px;
font-weight: 600;}
.qui-links:hover{ background: #f3f3f3; }
.site-map h4{font-size: 18px;
color: #337ab7;
font-weight: 600;}
.site-map h4 a{font-size: 18px;
color: #337ab7;
font-weight: 600;}
.qui-links img{width: 25px;
margin: 0 3px 0 0px; }
.site-menu{ margin: 0 0 0 20px; }
.site-menu li a{ font-size: 16px; }
.quibox1{ background: #deeaf6; }
.quibox2{ background: #e2efd9; }
.quibox3{ background: #fff2cc; }
.quibox4{ background: #e7e6e6; }
.quibox5{ background: #fbe4d5; }
.quibox6{ background: #deeaf6; }
.quibox7{ background: #fff2cc; }
.quibox8{ background: #e7e6e6; }
.quibox9 {background: #e2efd9; }
.quibox10{ background: #fbe4d5;}
.quibox11{ background: #deeaf6; }
.wrap-desc-markeur ul li{ margin: 0 0 0 0px; line-height: 22px; padding: 0px;}
.wrap-desc-markeur ul li:before{display: none;}
.wrap-desc-markeur ul li strong{ font-size: 14px; }
.wrap-desc-markeur h2{padding: 0px;color: #337ab7;    font-size: 15px;
margin: 0px;}
.post-thumbnail img{ display: none; }
.remove-thum-img img{ display: none; }
.cti-bg.header-middle::before{ background:#fff !important;}
.news-body{height: 145px;
overflow: hidden;
margin: 0 0 5px 0;}
.news-img img{height: 165px;}
.news-date{position: absolute;
padding: 4px;
bottom: 0px;
background: #00a44c;
width: 85%;
font-size: 16px;text-align: center;
color: #fff;}
.n2-ss-spinner-simple-white-container {
position: absolute;
top: 50%;
left: 50%;
margin: -20px;
background: #fff;
width: 20px;
height: 20px;
padding: 10px;
border-radius: 50%;
z-index: 1000;
}
.n2-ss-spinner-simple-white {
outline: 1px solid RGBA(0,0,0,0);
width:100%;
height: 100%;
}
.n2-ss-spinner-simple-white:before {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin-top: -11px;
margin-left: -11px;
}
.n2-ss-spinner-simple-white:not(:required):before {
content: ' ';
border-radius: 50%;
border-top: 2px solid #333;
border-right: 2px solid transparent;
animation: n2SimpleWhite .6s linear infinite;
}
@keyframes n2SimpleWhite {
to {transform: rotate(360deg);}