@charset "utf-8";



/*

 * Copyright (c) 2018 ITAcumens

 */





@import url('https://fonts.googleapis.com/css?family=Archivo:400,500,600,700');

@import url(animate.css);

@import url(bootstrap.css);

@import url(bs-slider.css);

@import url(font-awesome.css);

@import url(owl.carousel.css);

@import url(owl.theme.default.css);

@import url(ekko-lightbox.css);





* {

    margin: 0px;

    padding: 0px;

    outline: none !important;

}



body {

    overflow-x: hidden;

    background: #fff;

    font-size: 16px;

    font-family: 'Archivo', sans-serif; 

    color: #000;

    font-weight: normal;

    line-height: 28px;

}



@media Screen and (min-width:768px){

    .menu .navbar-brand{

       display: none;

     }

}



.wrap_section{

    padding: 30px 0px 30px 0px;

    position: relative;

}

.wrap_section p{

    text-align: justify;

}



.img_wrap{

    width: 100%;

    margin: 20px auto;

    border-radius: 10px;

    border: 2px solid #4cae50;

}

h1,h2,h3,h4,h5,h6{

    margin: 0px;

    padding: 15px 0px;



}



a{

    text-decoration: none !important;

}

.top_sec{

    padding-top: 25px;

}



.h3_title{

   text-transform: uppercase;

   font-size: 36px;

   font-weight: 700;

   margin: 0px;

   padding:15px 0px;

   color:#272361;

}

.h3_title span{

    color: #3bb34a;

}

.header_sec{

    padding: 15px 0px 5px;

}

.header_sec .top_sec p{

    position: relative;

    padding-left: 20px;



}

.header_sec .top_sec .fa-envelope, .header_sec .top_sec .fa-phone{

    position: absolute;

    left: -15px;

    top:5px;

    color: #272361;

}

.header_sec .top_sec p a{

    color: #37b24a;

    font-size: 15px;

}

.menu_section{

    background: #37b24a;

}



.menu {

    padding: 0px;

}



.menu .navbar {

    margin: 0px;

    min-height: 0px;

}



.menu ul {

   text-align: center;

   width: 100%;

}



.menu ul li {

    padding: 0px 0px;

    display: inline-block;

    float: none;

}



.menu ul li a {

    font-size: 16px;

    font-weight: 500;

    color: #fff;

    padding: 10px 25px;

    transition: .3s ease-in;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

}

.menu .nav li.active a,

.menu .nav>li>a:hover,

.menu .nav>li>a:focus {

    color: #272361 !important;

    background: transparent !important;

}

.abt_btn{

    margin-top: 25px;

}

/*service section*/



.service_sec{

    background: #272361;

}

.service_sec h3{

    text-align: center;

    color: #fff;

}



.service_sec1{

    margin-bottom: 20px;

    margin-top: 20px;

}

.service_sec .owl-nav{

    position: absolute;

    top: 50%;

}

.service_sec .owl-nav .owl-prev{

    left: -40px;

    position: absolute;

}

.service_sec .owl-nav .owl-prev span{

    font-size: 60px;

    color: #fff;

}

.service_sec .owl-nav .owl-next span{

    font-size: 60px;

    color: #fff;

}

.service_sec .owl-nav .owl-next{

    position: absolute;

    right: -1180px;

}

.service_sec .row, .gallery_sec .row{

    display: flex;

    flex-wrap: wrap;

}



.service_sec .img_wid{

    border: 1px solid #fff;

    padding: 30px 20px;

    transition: .3s ease-in;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

}

.service_sec .img_wid:hover {

    background: #3bb34a;

    border: 1px solid #3bb34a;

}

.service_sec .img_wid .tr_btn a{

     border: 1px solid #3bb34a;

     background: transparent;

}

.service_sec .img_wid .tr_btn{

    margin-top: 20px;

}

.service_sec .img_wid:hover .tr_btn a{

   background: transparent;

    border: 1px solid #fff;

}

.service_sec .img_wid span svg{

    width: 60px;

    height: 60px;

    fill: #fff;

}

.service_sec h4{

    color: #3bb34a;

    font-size: 18px;

    font-weight: 500;

    transition: .3s ease-in;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

}

.service_sec .img_wid:hover h4{

    color: #fff;

}

.service_sec p{

    color: #fff;

    font-size: 14px;

}



/*end*/





/*gallery section stylers*/





.gallery_section{

    position: relative;

   

}

.gallery_section h3{

    color: #272361;

    text-align: center;

}



.gallery_sec1{

    margin-bottom: 30px;

    text-align: center;

    margin-top: 10px;

    display: block;

}



.gallery_section .imgoverlay {

    position: absolute;

    left: 0;

    right: 0;

    top: 76.5%;

    bottom: 0px;

    background: #3bb34a;

    width: 95%;

    height: 85px;

    text-align: center;

    margin: auto;

    z-index: 2;

    opacity: 1;

    transition: .3s ease-in;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    /* visibility: visible; */

}

.gallery_section .img_wid{

    padding:0px;

    margin: 10px 0px 20px;

}

.gallery_section .img_wid img{

    width: 95%;

}

.gallery_section .imgoverlay:hover{

    opacity: 0;

}

.gallery_section .imgoverlay h4{

    font-size: 18px;

    color: #fff;

    padding: 33px 0px 33px;

    font-weight: 800;

}

.gallery_section .img_wid:hover .imgoverlay{

    opacity: 0;

    visibility: hidden;

}



.gallery_section .conten-overlay {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgba(59, 179, 74, 0.75);

    width: 95%;

    height: 100%;

    z-index: 2;

    opacity: 0;

    transition: .3s ease-in;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    margin: auto;

}

.gallery_section .conten-overlay h4 {

    margin: 0px;

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    color: #fff;

    font-size: 18px;

    width: 100%;

    font-weight: 700;

    transform: translate(-50%, -50%);

}

.gallery_section .conten-overlay:hover {

    opacity: 1;

}



/*end*/



/*footer section*/

.footer_section{

    background-image: url(../images/jp_footerbg.jpg);

    width: 100%;

    height: auto;

    background-size: cover;

    background-repeat: no-repeat;

    font-size: 14px;

    padding-bottom: 15px;

}

.footer_section:before{

    position: absolute;

    content:'';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .8;

}

.footer_section h4{

    color: #3bb34a;

    text-transform: uppercase;

}

.footer_section ul li, .footer_section .fot_wid3 p, .footer_section .fot_wid4 p a{

    padding-left: 15px;

    position: relative;

    color:#fff;



}

.footer_section ul li:before{

    position: absolute;

    display: inline-block;

    top: -3px;

    left: 0px;

    font-size: 14px;

    color: #3bb34a;

    font-family: fontAwesome;

}

.footer_section ul li:before{

    content: '\f101';

}

.footer_section .fot_wid1 img{

    margin-top: 15px;

}

.footer_section .fa-map-marker{

    font-size: 16px;

    color: #3bb34a;

    position: absolute;

    left: 0;

    top: 5px;

}

.footer_section .fa-phone, .footer_section .fa-envelope {

    color: #3bb34a;

}



.footer_section ul li a{

    color: #fff;

}



.hr_line{

    position: relative;

    border-top: 1px solid #3bb34a;

}

.footer_section .mob_cen{

    text-align: center;

    color: #fff;

    font-size: 13px;

}

.footer_section .mob_cen a{

    color:#fff;

    font-size: 13px;

}

/* services pages */



.services_page {

    padding: 50px 0px 30px;

}



.services_page .done-tab {

	padding-top: 0px;

	padding-bottom: 0px;

	text-align: left;

	margin:0;

}



.services_page .done-tab li {

    width: 250px;

    text-align: left;

    display: inline-block;

    position: relative;

	margin: 0px 10px;

}



.services_page .done-tab.nav-pills>li>a {

	background: transparent;

	border: 1px solid #4CAF50;

	color: #000;

    border-radius: 3px !important;

    text-align: left;

}



.services_page .done-tab li+li {

   margin: 5px 10px;

}



.services_page .done-tab.nav-pills>li.active>a, .done-tab.nav-pills>li.active>a:focus, .done-tab.nav-pills>li.active>a:hover {

	color: #fff !important;

	background: #4CAF50;

	

}

.services_page .ser_pad h3{

    padding-top: 0px;

}

.services_page .ser_pad ul{

    margin-top: 20px;

}

.services_page .ser_pad ul li{

    padding-left: 17px;

    position: relative;

    color: #000;

    padding-bottom: 8px;

    font-weight: 500;

}

.services_page .ser_pad ul li:before{

    position: absolute;

    display: inline-block;

    top: 0px;

    left: 0px;

    font-size: 16px;

    color: #3bb34a;

    font-family: fontAwesome;

    content: '\f101';

}



/* sub banner */



.inner_banner {



width: 100%;

position: relative;

margin: 0px 0px;



}

.inner_banner:before{

content: '';

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

background: rgba(10, 10, 10, 0.65);

}

.inner_banner img{

    width: 100%;

}





.centered {



position: absolute;

top: 50%;

left: 50%;

text-transform: uppercase;

font-weight: 900;

color: #fff;

font-size: 30px;

transform: translate(-50%, -50%);



}

.inner_banner ul {

position: absolute;

top: 88%;

left: 8%;

transform: translate(-7%, -88%);



}

.inner_banner ul li {



color: #fff;

position: relative;

padding-left: 10px;

padding-right: 10px;

text-transform: uppercase;



}

.inner_banner ul li a {



color: #37b24a;



}

.inner_banner ul li:first-child::after {



content: '\f105';

position: absolute;

right: -5px;

color: #fff;

font-family: fontAwesome;

font-weight: normal;



}

/* about_page styles */

.about_page{

    padding: 50px 0px;

}

.about_page h3{

     text-align: left;

}







/* contact page styles */

.contact_page{

    padding-bottom: 40px;

}



.contact_page .con_info{

	margin-top: 15px;

    padding: 0px;

    width: 90%;

    position: relative;

}

.contact_page h3,h4{

    color: #37b24a;

}

.contact_page i{

    left: 0px;

    top: 5px;

    color: #37b24a;

    position: absolute;

}

.contact_page .fa-envelope{

    font-size: 13px;

    top:7px;

}

.contact_page p {

    padding-left: 22px;

    position: relative;

}

.contact_page p a:hover{

    color: #37b24a !important;

}

.contact_page .con_info:after{

    position: absolute;

    content: '';

    right: -80px;

    top: -10px;

    border-right: 1px solid #cdc7c7;

    height: 400px;

}

.contact_page .frm_wid{

	padding: 0px;

}

.contact_page .form-group{

	margin-bottom: 30px;

}

.contact_page .form-control{

    box-shadow: none;

    border: 1px solid #909090;

    border-radius: 0px;

}

.contact_page .form-control:hover,

.contact_page .form-control:focus{

	box-shadow: none;

	border: 1px solid #37b24a;

		

}

.sbt_btn{

	margin-top: 20px;

    margin-left: -2px;

}

.sbt_btn button{

	padding: 12px 30px;

	color: #fff;

	background: #37b24a;

	border: 0px;

	border-radius: 0px;

	font-size: 16px;

}

.sbt_btn button:hover,

.sbt_btn button:focus{

	color: #fff;

}

.mapsection{

    padding-bottom: 40px;

}



/* gallery page styles */



.gl_res {

    margin: 20px 0px;

    width: 100%;

}