@font-face {
    font-family: Roboto Medium;  
    src: url('../fonts-family/Roboto/Roboto-Medium.ttf');  
      
}
@font-face {
    font-family: Roboto Light;
    src: url('../fonts-family/Roboto/Roboto-Light.ttf');
}

@font-face {
    font-family: Roboto Regular;
    src: url('../fonts-family/Roboto/Roboto-Regular.ttf');
}

@font-face {
    font-family: Lato Light;
    src: url('../fonts-family/Lato/Lato-Light.ttf');
}

@font-face {
    font-family: Lato Light;
    src: url('../fonts-family/Lato/Lato-Light.ttf');
}

@font-face {
    font-family: Lato Bold;
    src: url('../fonts-family/Lato/Lato-Bold.ttf');
}

@font-face {
    font-family: Poppins SemiBold;
    src: url('../fonts-family/Poppins/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: Raleway Bold;
    src: url('../fonts-family/Raleway/Raleway-Bold.ttf');
}


@font-face {
    font-family: Raleway Regular;
    src: url('../fonts-family/Raleway/Raleway-Regular.ttf'); 
}

@font-face {
    font-family: Raleway Light;
    src: url('../fonts-family/Raleway/Raleway-Light.ttf'); 
}

.top_text.text-center {
    font-family: "Roboto Regular";
}
section#productsec, section#projectsec, section#testmonialsec
{
 padding-bottom : 7% !important;
}

a.product_view_section {
    display: none;
    font-family: "Roboto Light";
 background-color: rgba(192,192,192,0.5) !important;
}

.slick-slider ul.slick-dots {bottom: -65px !important;}

.slick-dots li.slick-active button:before {
    color: #555555 !important;
}

.slick-dots li button:before {
    color: #dedede !important;
}


.slick-dots li button:before {
    font-size: 13px !important;
}

.slick-dots li
{ 
	margin:0px !important;
}

body
{
	font-family: "Raleway", sans-serif !important; 
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.85em !important;
	color: #6d7275 !important;
    background-color: #191817 !important; /*remove*/
    
}

p , span , a{font-family: "Raleway", sans-serif; }
h1 , h2 , h3  , h4 , h5 , h6{font-family: "Raleway", sans-serif;}
	a {text-decoration:none !important;}
a, button {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a, a:hover, a:focus, a:active {
    outline: 0;
}
img.logo {
    width: 87%;
}
.affix {    width: 100%;
    top: 0;}
.header .navbar-default {
    background: transparent;  
    border: none;
	border-radius: 0;
    z-index: 99;
    padding: 1% 0px;
    box-shadow: none;
}

.single_post {
    text-align: center;
}

.port_category li a {
    font-weight: bold;
    color: #1d1d1f87 !important;
}
.fixed {
position: fixed !important;
top: 0;
left:0;
width: 100%;
background: #000 !important; 
/*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75), 0 2px 10px rgb(0, 0, 0) !important;*/
z-index: 9999999;
}

section#topbar.fixed {
    top: auto;
    z-index: 99999;
    background: #f5f5f5 !important;
}


.fixed .navbar-default .navbar-nav>li>a:focus, .fixed .navbar-default .navbar-nav>li>a:hover
{
    color: #d6d6d6 !important;
}
.left_content_sec h5 {
    margin: 5px 0px 0px;
}

.left_content_sec p {
    margin-left: 6%;
    margin-top: 1%;
    line-height: 1.2 !important;
}

.bottom_link_text {
    float: right;
    font-size: 16px;
}

.bottom_link_text a {
    color: #94bf3c;
    border-bottom: 1px solid #94bf3c;
}

.header .navbar-default .navbar-nav a {
    color: #f9f9f9;
    background-color: transparent;
    padding: 2.1em 18px 2.1em;
    font-weight: 400;
    line-height: 1.28em;
    font-family: "Lato Light";
    letter-spacing: 1px;
    display: inline-block;
}

.header .navbar-default .navbar-nav li {
    color: #efefef;
    font-weight: 600;
	
}
.carousel-control span.glyphicon {
    color: #90cc16;
    font-size: 40px;
text-shadow: none;}
.header a.navbar-brand {padding: 7px 0 7px 20px;}

#bs-example-navbar-collapse-1 .col-md-9 , #bs-example-navbar-collapse-1 .col-md-2 {
    padding: 0;
}
.header .socail_srch a {padding: 2.1em .7em 2.1em !important;}
#bs-example-navbar-collapse-1 .col-md-3.col-sm-3.social_3 {
    width: 18%;
    padding-left: 0;
}

li#menu-item-84 a, li#menu-item-84 a:hover {
    font-weight: bold;
}

#bs-example-navbar-collapse-1 .col-md-1.col-sm-1 {width: 6%;}
.header .affix {
    background: #fff;
    color: darkgrey;
    z-index:9999;
    border-bottom:1px solid #dadada
}

.header .affix .navbar-nav a {
    color: #333;
}
.header .affix .navbar-nav a:hover , .header .affix .navbar-nav a:focus {color:#90cc16;}

.header .affix .navbar-nav  li {
    color: #a7a7a7;
}
.header .navbar-default .navbar-nav li:before
{    content: '/';
    font-family: 'fontello';
    font-size: 1.2em;
    font-style: italic;
    left: -2px;
    position: absolute;
    top: 1.45em;
    color: #ffffff;}
   .header .navbar-default .navbar-nav li:first-child:before
{display:none;}
.header .socail_srch li:before {display:none;}
.header .navbar-default .navbar-nav>.active>a,
.header .navbar-default .navbar-nav>.active>a:focus, .header .navbar-default .navbar-nav>.active>a:hover
 {    background-color: rgba(189, 188, 187, 0.05) !important;}
 
/* SEARCH BOX */
.popup-box-on {
    display: block !important;
}
.off {
    display: none;
}
.chat_box .chat_message_wrapper ul.chat_message > li + li {
    margin-top: 4px;
}

#search.open {
    opacity: 1;
    transform: translate(0px, 0px) scale(1, 1);
}
#search {
    background-color: rgba(0, 0, 0, 0.91);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 99999;
}
#search .close {
    color: #e67426;
    font-size: 70px;
    opacity: 1;
    padding: 10px 17px;
    position: fixed;
    right: 15px;
    top: 15px;
    text-shadow:none;
    

}

.close {
    float: right;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}

#search input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #cecece;
    font-family: "Raleway",sans-serif;
    font-size: 25px;
    font-weight: 300;
    margin: -51px auto 0;
    outline: medium none;
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
#search .btn {
    left: 50%;
    margin-top: 60px;
    padding: 10px 32px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    background: #e67426;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
}

/* top header */
.top_head{border-bottom:rgba(255, 255, 255, 0.22) !important;width: 100%;
    margin: 0 auto;
    float: left;}
.top_head  p , .top_head  p a{
    font-size: 13px;
    position: relative;
    z-index: 10000;
    letter-spacing: 0.02em;
    margin: 0;
    margin-top: 1.1em;
    padding-bottom: 1.1em;
    color: #efefef;
    font-weight: 500;
    }
.top_head  p a:hover  , .top_head  p a:focus{color:#90cc16;}
.top_head  p span{color: #9cf14e;padding-right: 6px;font-size: 16px;}
.cont_info .add1 , .cont_info .time2 , .cont_info .phone3{
    float: left;
    padding: 0 26px;
    border-right: 2px solid rgba(255, 255, 255, 0.23);
    }
.cont_info , .header{width: 100%;
    margin: 0 auto;
    float: left;
height: 70px;}

	
	.full_header {
     position: absolute;
	 z-index: 1;
}

.cont_info .add1 {
    padding-left: 0;
}

.cont_info .phone3 {
    border-right: none;
}

section.banner {
    float: none;
position: relative;
}
.container.clearfix.BacktoTop {
    position: absolute;
    bottom: 3%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.container.bg-color {
    background: #94bf3c;
    height: 200px;
    width: 100%;
    color: #fff;
}
.container.video_sec h3 {
    font-size: 20px;
    font-weight: 100 !important;
    color: #9dca42;
}

.container.video_sec p {
    font-size: 20px;
    font-weight: 600;
    color: #93be3c;
}

section.portofoloi_sec .container.bg-color h3 {
    font-size: 20px;
    font-weight: 100 !important;
}

section.portofoloi_sec .container.bg-color p {
    font-size: 20px;
    font-weight: 600 !important;
}
.container.content_sec {margin-top: -92px;/* float: inherit; *//*position: absolute;top: 100px;width: 1170px !important;*/}


.container.bg-color .col-md-12 {
    padding: 0px 20px;
}

.container.content_sec .col-md-4 img {
    width: 100%;
    border: 5px solid #fff;   
    height: 100%;
}

.portofolio_img {
    height: 250px;
    overflow: hidden;
    margin-bottom: 20px;
}
/* footer */
.footer {
    background:#21252b;
    padding: 60px 0 55px;
    width: 100%;
    margin: 0 auto;
    float: left;
    }
.foot_head {color:#ffffff;margin-bottom: 25px !important;letter-spacing: 1px;    font-weight: 700 !important;
/*text-transform: uppercase;*/    font-size: 14px;
    line-height: 1.6em;}
.footer ul{    list-style: none;
    padding-left: 0;    margin: 0px !important;
    margin-bottom: 20px !important;}
.footer ul li{margin: 9px 0;padding-left: 0;position: relative;color:#858d91;font-size: 14px;}
.footer ul li a{line-height: 10px;color: #858d91;}
.footer ul li a:hover , .footer ul li a:focus {color:#9cf14e !important;}
.footer span{
    top: 0px;
    font-size: 14px;
    color: #c6ccd0;
    margin-right: 6px;
    }
.footer .foot2 ul {
    /*background:url(../images/map-base.png);*/
    background-repeat:no-repeat;}

    p.cpy_right {
    padding: 5px 0px;
}
.footer ul li strong{    color: #ccccd5;
    font-weight: 600;}
span.sun_sat {
    margin-left: 21px;
    color: #858d91;
}
.foot3 .icon1{
    color: #576068;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 10px;
    padding-left: 8px;
    margin-right: 0;
	z-index:1;
    }
.foot3 input {
    background: #2a3037;
    border-color: #2a3037;
    border-top-color: #1d2226;
    color: #616b75;
    height: 38px;
    display: inline-block;
    padding: 8px 11px 9px;
    font-size: 14px;
    padding-left: 31px;width: 100% !important;
    }
.foot3 input:focus , .foot3 textarea:focus{
    background: #ffffff;
    border-color: #9cf14e;
    border-top-color: #9cf14e;
    color: #777d85;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    }
.foot3 textarea {
    background: #2a3037;
    border-color: #2a3037;
    border-top-color: #1d2226;
    color: #616b75;
    padding: 8px 11px 9px;
    font-size: 14px;
    width: 100% !important;
    margin: 15px 0;
    padding-left: 31px;
    }
.foot3 .btn-primary{background:#9cf14e;border:1px solid #9cf14e;color:#fff;border-radius: 3px;width: 20% !important;padding: 5px !important;}
.foot3 .form-group {
    width: 100%;
    
}

.foot3 .col-md-6:last-child {
    padding-left: 0;
}
.foot2 li a{color:#9cf14e;}



span.fa.fa-pencil.icon2 {
    color: #576068;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 51px;
    padding-left: 8px;
    margin-right: 0;
    z-index: 1;
}

.foot_bot{
    background: #ffffff;
    color: #5d5d5d;
    padding: 8px 0px;
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align: center;
}
.cpy_right a{color:#5d5d5d;}
.foot_bot p {margin-bottom:0;}


.contact_frm .Footer_btn, .contact_frm .Footer_btn:hover {
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    background: #94bf3c;
}

.contact_frm .msgfield {
    height: 80px;
}
/*New Css*/


body:not(.custom-background-image):before, body:not(.custom-background-image):after {
    top: 0px !important;
	display:none !important;
}

p.objec_title {
    color: #eb7525;
    font-size: 17px;
    font-weight: 600;
}
.more_blog button {
    background-color: #fff;
    border: 2px solid #94bf3c;
    border-radius: 50px;
}
.more_blog button:hover {
     background-color: rgb(255, 255, 255);
}
   
.more_blog button a {
    color: #000;
}
.more_blog button a:hover {
    color: #94bf3c;
}
.main-navigation li {
    border: none !important;
}
.main-navigation .current-menu-item > a {
    color: #94bf3c !important;
}
.Slider_btn {
    background-color: #9cf14e;
    padding: 13px !important;
    border: 2px solid #9cf14e;
    border-radius: 80px;
}
.Slider_btn a {
    color: #fff;
}
.btn.btn-primary:hover {
    color: #9cf14e;
    background-color: #fff !important;
	padding: 5px !important;
}
.footer textarea.form-control {
    max-height: 100px !important;
}
.inner_page_header section.top_head {
    background: #21252b;
}
.inner_page_header header.header {
    border-bottom: 1px solid #b7b4b4;
   /* margin: 20px 0 0;*/
}
.inner_page_header .header .navbar-default .navbar-nav a {
    color: #d6d6d6;
}
.inner_page_header .header .navbar-default .navbar-nav a:hover{
    color: #000;
}
.inner_page_header .main-navigation .current-menu-item > a {
    color: #000 !important;
}
p.cpy_right a:hover {
    color: #000;
}



/*============== about page =================== */
.registration_closed {
    padding: 4% 0px;
    text-align: center;
}
.wel_msg {
    width: 100%;
    margin: 0 auto;
    float: left;
    text-align:center;
        padding: 2% 0px;
    }

    .wel_msg ul {
    list-style: none;
}

    .registration_open_text {
    background: #89bf43;
    color: #fff;
    border: 4px solid #a3a5a3;
    padding: 2%;
    margin: 0px 4% 4% 4%;
}

.wel_msg b {
    color: #94bf3c;
}

.registration_open_text.requerment li:after {
    background: url(../images/arrow-white.png);
}

.registration_open_text a {
    color: #fff;
}
.registration_open_text a:hover {
    color: #000;
}

.apply_button {
    text-align: right;
    margin-top: 20px;
}

.apply_button a {
    color: #89bf43;
    background: #fff;
    padding: 2%;
    font-weight: bold;
    cursor: pointer;
}
.apply_button a:hover {
    color: #89bf43;
}
.value_icon {float:left;width: 25%;margin-top: 10px;}
.value_txt {float:left;width: 75%;}
.value_icon a {background: #90cc16;color:#fff;padding: 20px 0 1px 2px;border-radius: 50%;font-size: 29px;cursor: default;width: 70px;height: 70px;display: block;text-align: center;}
.value_icon a:hover {
    background: #4a4949;
	color: #fff;
}
.value_icon p {background: #90cc16;color:#fff;padding: 20px 0 1px 2px;border-radius: 50%;font-size: 29px;cursor: pointer;width: 70px;height: 70px;display: block;text-align: center;}
.value_icon p:hover {
    background: #4a4949;
	color: #fff;
}
p.wel_desc {
    padding: 0 12%;
}
.values{
 background: #fff;
    width: 100%;
    margin: 0 auto;
    float: left;
    padding: 50px 0 50px;}

.value_txt h4 {
    font-size: 22px;
    color: #333;
}

.value_txt p {
    font-size: 12px;
    line-height: 21px;
    margin-top: 14px;
}


/*.apply_section_main .apply_section {
    margin: 4%;
}*/

.apply_section_main .apply_section sup {
    color: #f00;
    margin-right: 5px;
}

.apply_section_main .apply_section p {
    color: #fff;
    font-weight: bold;
}

.apply_section_main .apply_section div#bottom input.wpcf7-submit {
    background: #fff;
    color: #89bf43;
    /*width: 20%;*/
}

.apply_section_main .apply_section select {
    padding: 2%;
    color: #89bf43;
}

.apply_section_main {
    background: #89bf43;
    color: #fff;
    border: 4px solid #a3a5a3;
    padding: 2%;
    margin: 0px 4% 4% 4%;
}
/*contact page*/

.contact_form .btn.btn-primary:hover {
    color: #fff;
    background-color: #21252b !important;
}
.contact_form .btn.btn-primary {
    color: #fff;
    background-color: #94bf3c !important;
    padding: 15px !important;
}
.contact_form input {
    padding: 20px 12px;
}
section.contact_page {
    width: 100%;
    margin: 3px 0 auto;
}
h2.site_heading_contact {
    color: #28262b;
    margin: 0 0 0.4em;
    font-size: 2.286em;
}
.right_address ul {
    list-style: none;
	margin: 0px;
}
.right_address ul li {
    margin: 10px 0;
	font-size: 16px;
}
.right_address ul li span.fa, .right_address ul li strong {
    color: #90cc16;
    font-size: 16px;
}

.right_address ul li a {
    color: #21252b;
}
.right_address ul li a:hover {
    color: #90cc16;
}
/* ---------------------------------------------------------
8. Our Team Css
-----------------------------------------------------------*/

.member_des {
    padding: 17px 22px;
    padding: 11px 22px 22px;
    text-align: center;
    /* background: #e4e4e4; */
    border: 1px solid #d6d6d6;
    /* border-top: navajowhite; */
}

.member_des > h4 {
    /* font-size: 18px; */
    /* font-weight: 700; */
    margin-bottom: 7px;
    text-transform: uppercase;
}

.member_des > p {
    color: #90cc16;
    font-family: "Raleway";
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    text-transform: uppercase;
}

.team_member li {
    display: inline-block;
    margin-right: 11px;
}
figure.team_member img {
    max-height: 300px;
    min-height: 300px; 
}
.team_member li i {
    color: #fff;
    font-size: 14px;
}
.row.team-slider {
    padding: 20px 0px;
}

figure.team_member > figcaption {
    /*background: rgba(0, 0, 0, 0.87);*/
    background: rgba(0, 0, 0, 0.41); 
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 31px 34px 30px 53px;
    -webkit-transform: scale(0);
    transform: scale(0);
}




.team_member p {
    color: #dadada;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
}



ul.team_text {
    margin: 20px 0;
}

figure.team_member:hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
}


figcaption ul.team_text li:hover i {
    color: #ffcb3d;
}

figure {
    position: relative;
}
figcaption {
    -webkit-transition: .5s;
    transition: .5s;
}
.team_member img {
    width: 100%;
}

.team_member figcaption span.fa {
    font-size: 28px;
    margin: 8px 0 17px;
    color: #90cc16;
}

p.soacil_abt {}

.team_member figcaption .soacil_abt a span {
    font-size: 17px;
    padding: 0 6px;
    margin-bottom: 5px;
    color: #afafaf;
}

.team_member span.fa.fa-quote-right {
    float: right;
    margin: 0;
}

section.team {
    padding: 50px 0 50px;
    float: left;
    width: 100%;
    margin: 0 auto;
}

p.desc_para_tem {
    color: #4e4e4e;
    text-transform: capitalize;
    font-size: 13px;
    line-height: 20px;
    margin-top: 19px;
}




/* ============= blog page ================= */
.blog_ind_box  img{width:100%;}
.blog_indiv {float:left;widTH:100%;margin:0 auto;padding: 60px 0;}
figure.blog_item {
    overflow: hidden;
	max-height: 325px;
}
.single_blog {
    margin-bottom: 28px;
}
.blog_item  img {width:100%;}
.blog_text {
    color: #dbdbdb;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1;
    padding-top: 33px;
    padding-left: 30px;
    padding-right: 15px;
}

figure.blog_item::after {
    background: rgba(101, 57, 28, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.blog_text > h4 {
    margin-bottom: 8px;
}
.blog_text > h4 a {
    color: #e4e4e4;
    font-size: 16px;
    font-weight: bold;
    margin:0;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.blog_text > h5 {
    color: #e7e7e7;
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    margin-bottom: 24px;
    font-family: 'Poppins', sans-serif;
}

.blog_text > h5 i {
    margin-right: 7px;
    font-size: 10px;
}

.blog_text > h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

.blog_text > p {
    line-height: 23px;
    color: #ffffff;
    margin-bottom: 25px;
    margin-top: 11px;
}

.blog_text > a {
    background-color: #673a1e;
    border-radius: 50px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 114px;
    opacity: 0;
}

.single_blog:hover .blog_text {
    top: 0px;
}

.single_blog:hover figure.blog_item::after {
    background-color: #9e5f36;
}

.single_blog:hover h5 {
    display: none;
}

.single_blog:hover .blog_text > h6 {
    color: #ffffff;
}


.blog_text{
    -webkit-transition: .5s;
    transition: .5s;
}
.single_blog:hover .blog_text > a {
    opacity: 10;
}

/*pagination*/

.pagi {
    margin: 0px auto !important;
    text-align: center;
    padding: 20px 0px;

}
nav.custom-pagination a.page-numbers {
    color: #000;
}
nav.custom-pagination {
    font-size: 20px;
    color: #fff;
}
span.page-numbers.current {
    background: #90cc16;
    padding: 7px;
}
.blog_text > a:hover {
    color: #fff;
}

/*Service Category*/
.services_indiv
{
    float: left;
    widTH: 100%;
    margin: 0 auto;
    padding: 60px 0;
    background: #F3F3F3;	
}
.services_indiv .blog_txt2
{
  height:auto;

}






	
/* ======================== service categories ============================= */

/* gallery category page */
.grid--loading .grid__item {
    visibility: visible !important;
}
.cate_gallery_box {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.cate_gallery_box img {
    width: 100%;
}
.prod_img_cap {
    background: rgba(49, 37, 31, 0.82);
    padding: 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.prod_img_cap h2 a {
    color: #f2efed;
    font-size: 18px;
    font-family: "Roboto Medium";
    text-transform: uppercase;
}

.prod_img_cap h2 {
    margin-top: 0;
}
.filter_cate {
    text-align: center;
    font-weight: bold;
    color: #3d3a38;
    text-transform: uppercase;
    font-size: 18px;
	margin: 55px 10px 35px 10px;
}

.filter_btn button.btn.btn-small.btn-danger {
    background: transparent;
    color: #545251;
    border: none;
    font-size: 18px;
	
}

.filter_btn button.btn.btn-small.btn-danger:hover , .filter_btn button.btn.btn-small.btn-danger:focus {
    color: grey;outline:0;box-shadow: none !important;
}
.pagi {text-align:center;margin-top: 20px;}
.pagi p , .pagi p a {font-size: 21px;color: #545251;}
.pagi p a:hover , .pagi p a:focus {outline:0;color: #545251;}
.filtr-item {
    padding: 2rem 1rem;
    max-height: 361px;
    overflow: hidden;
    padding-bottom: 0 !important;
    /* margin-bottom: 20px !important; */
}
.item-desc {
    background-color: rgba(147, 190, 59, 0.72);
    color: #f2efed;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 5px;
    z-index: 1;
    bottom: 20px;
    left: 2rem;
    right: 2rem;
        font-size: 18px;
        -webkit-transition: .5s;
        transition: .5s;
}

/* Filter controls */
.simplefilter li, .multifilter li, .sortandshuffle li {
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    text-transform: capitalize;
    font-weight: normal;
}
.simplefilter li:hover, .simplefilter li.active {
    color: grey;
}
.filtr-item img {
    width: 100%;
    margin-bottom: 20px !important;
    min-height: 100%;
}



.filtr-item:hover span.item-desc {
    -webkit-transition: .5s;
    transition: .5s;
    bottom: 0;

}
.filtr-item:hover a {transform: translate(0px, 0px) scale(2, 1);}
.back_123 {
    background: #000;
    height: 250px;
    overflow: hidden;
}

.box-layout {
    display: none;
}

.filtr-item:hover {
    position: relative !important;
}

.filtr-item:hover .box-layout {
    display: block;
    position: absolute;
    width: 100%;
    top: 45%;
    text-align: center;
}
span.item-category {
    color: #fff;
}
.box-layout i.fa {
    border: 1px solid #fff;
    padding: 3%;
    border-radius: 50%;
    font-weight: bold;
}
.box-layout span.item-title a {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
}

.filtr-item:hover .box-layout span {
    display: block;
}

.filtr-item:hover .box-layout span a {
    color: #fff;
}


.filtr-item:hover .box-layout span.item-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75%;
    width: 100%;
    margin: 0 auto;
        margin-bottom: 5%;
}
.filtr-item:hover img {
    opacity: 0.5;
}
	
    span.service_head {
    float: left;
    width: 100%;
    margin-bottom: 1%;
}

.sub-menu-port ul li {
    margin: 4px !important;
}
/*.filtr-container .filtr-item .back_123 img {
    height: 250px;
}*/

.simplefilter li.active {
    color: #ffffff !important;
    font-weight: 500;
    background: #84b325 !important;
}

span.service_head {
    color: #91c12b;
}
section.inner_page {
    width: 100%;
    float: left;
}

.main-navigation ul li:before {
    display: none !important;
}
.main-navigation .menu-item-has-children > a:after {
    top: 30px;
    right: -4px;
}
ul.sub-menu {
    min-width: 230px;
    box-shadow: 5px 2px 17px #93be3bb0;
}
.dropdown-toggle {
    color: #fff;
}
ul.sub-menu li a {
    padding: 10px !important;
    width: 100%;
}

.requerment {
    display: inline-block;
}

.job_model .requerment ul {
    margin: 0px 20px;
}

.job_model .requerment ul li {
    margin: 0px;
}

.recent-job.apply-jobs .submit-btn {
    background: #93be3b;
}


/* ============ video page ================= */
.video {background:#f3f3f3;float:left;widTH:100%;margin:0 auto;padding: 60px 0;}
/*.vid_cont_sec {background:#fff;padding: 30px 30px 30px 0px;height:300px !important;float:left;width:100%;margin:0 auto;}
*/
.video .col-md-6 {padding:0;    margin-bottom: 20px;} 
.vid_cont_sec h4 {color: #90cc16;
    font-size: 19px;margin-bottom: 20px;}
.row:nth-child(even) .col-md-6 {
    float: right;
}
.vid_cont_sec a {
    float: right;
    background: #93be3b;
    color: #fff;
    border: 1px solid #93be3b;
    padding: 10px 13px;
    border-radius: 0;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.vid_cont_sec a:hover {
    background: #93be3b;
    border-color: #93be3b;
    color: #fff;
}

/*.vid_cont_sec .btn-primary a {
    color: #fff;
}*/
/*.vid_cont_sec .btn-primary a:hover {
    color: #000;
}*/

.vid_sec {
    height: 250px;
    overflow: hidden;
}

.vid_sec img {
    width: 100%;
    height: 100%;
}

/* ============= single blog =================== */
.section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
}
/*------------------------------------------------
23. Single BLOG WITH SIDEBAR
--------------------------------------------------*/

.search-form {
    margin-bottom: 60px;
}

.search-form .form-control {
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #959595;
    font-size: 13px;
    height: 45px;
    background: #e6e6e6;
}

.search-form .search-button {
    background: #d4661b;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    height: 45px;
    width: 45px;
}

.sidebar-widget {
    margin-bottom: 40px;
}

.news_thumb {
    border: 1px solid #d4661b;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    float: left;
    margin: 0 15px 10px 0;
}

.news_thumb img {
    max-width: 80px;
	height:80px;
}

h6.post-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1px;
   /* padding-top: 27px;*/
}

.post-right > p {
    color: #8e8e8e;
    font-size: 12px;
}
.latest-news.area_content .post-right {
    float: right;
    width: 60%;
}


/*single blog page*/

.blog_area blockquote::before {
    border-left: 3px solid #a25018;
    content: "";
    height: 100%;
    left: -4px;
    position: absolute;
    top: 0;
    width: 100%;
}

.blog_area blockquote {
    background: #f5f5f5;
    color: #666666;
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    padding: 24px 42px;
    position: relative;
    border-left: 3px solid #a25018;
    margin-left: 45px;
}

blockquote p {
    font-style: italic;
}

.singleblog_page .blog_text {
    top: 105px;
    padding: 25px 15px;
}

.singleblog_page .blog_text > h4 {
    margin: 8px 0;
}

.singleblog_page .blog_text > p {
    font-size: 13px
}

.about_auther {
    margin: 64px 0 55px;
    padding: 0;
}





.auther_details > p,
.about_commenter > p {
    color: #636363;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
}

.border_comeent {
    border-bottom: 1px solid #eaeaea;
}

.comment {
    padding: 30px 0 20px;
}

.commenter {
    border: 1px solid #93be3b;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
}


.comment_area .about_commenter {
    display: inline-block;
    padding: 0 0 0 20px;
    vertical-align: top;
    width: calc(100% - 105px);
}

.about_commenter > h5 {
    display: inline-block;
    font-size: 16px;
    font-family: "Raleway";
}
.about_commenter > h5 a {
    color: #333;
}
.about_commenter > h5 a:hover , .sidebar-widget a:hover , .sidebar-widget a:focus {color:#90cc16;}

.about_commenter > h6 {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    margin-left: 10px;
}

.about_commenter > a {
    float: right;
    font-family: "Raleway";
    font-size: 14px;
    font-weight: 700;
}

.about_commenter > a i {
    font-size: 14px;
    margin-right: 5px;
}

.leave_comment {
    padding: 55px 0 0;
}

.leave_comment input,
.leave_comment textarea {
    border: 1px solid #c1c1c1;
    width: 100%;
    padding-left: 22px;
    margin-bottom: 30px;
    line-height: 55px;
}

.leave_comment input{
    height: 53px;
}

.btn.t_button {
       background: #90cc16;
    color: #fff;
    text-align: center;
    font-size: 15px;
    padding: 14px 23px;
    border-radius: 50px;
}
.btn.t_button:hover , .btn.t_button:focus { background: #333;}
.sidebar-widget ul li a i{color:#90cc16;}
.relatedt_post .single_blog figure.blog_item {
    max-height: 194px;
}

.relatedt_post .single_blog figure.blog_item .blog_text {
    top: 80px;
}

.relatedt_post .single_blog:hover .blog_text {
    top: 0 !important;
    padding-top: 12px;
}
.relatedt_post .single_blog figure.blog_item  .blog_item img {height: 200px;}
.single_blog:hover .blog_text h6 {
    display: none;
}
.commenter  img{width: 80px;height: 80px;}
.single_post .post_img img{    width: 100%;}
.single_post .post_img{    /*height: 500px !important;*/
    overflow: hidden;}

.single_post .post_img h4{background: #021b27 none repeat scroll 0 0;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    height: 72px;
    line-height: 25px;
    padding: 10px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 15px;
    width: 72px;}
	
h4.post_title {
    font-size: 23px;
    color: #90cc16;
    margin-top: 30px;
}

.related_posts a {
    /*background: #383736;*/
    color: #fff;
   /* padding: 10px 15px;*/
    font-size: 20px;
}

p.techno b {
    color: #94bf3b;
}

.related_posts_head {
    margin: 38px 0 10px;
}

.go_to_blog {
    text-align: center;
}

.go_to_blog a {
    padding: 10px 15px;
    font-size: 16px;
    float: left;
    margin: 0 auto;
    width: 100%;
	    border-radius: 50px;
}
.about_commenter > h5 a , .sidebar-widget a , .comment_area a {
    color: #333;
}
.comment_area a  {
    color: #90cc16;
}
h4.s_heading {
    color: #90cc16;
}

/*NEw Css*/
    section.breadcrumbs_div {
    background-color: #e7e7e7;
    padding: 1% 0px;
}

section.breadcrumbs_div h3, section.breadcrumbs_div a {
    color: #94bf3c;
    margin: 0px;
    font-weight: bold;
}

.in_banner
{
   /*height: 200px;*/
   overflow: hidden;
   float: left;
   width: 100%;}
.banner_inner {
   /*padding: 74px 0;*/
   padding: 12% 0;   
   text-align: center;
   float: left;
   width: 100%;
}

section.sing_blog {
   float: left;
   width: 100%;
   margin: 0 auto;
}

.bread_div {
   color: #fff;
}

.bread_div #crumbs {}

.bread_div #crumbs a {
       color: #94be3c;
    font-weight: bold;
}

.bread_div #crumbs span.current {
   color: #fff;
}

.bread_div h3 {
   font-size: 30px;
}


/* ============= single service page ============= */
.single_blog .blog_text > h4 a {background: transparent; padding: 0;}
.single_blog .blog_text > a {
    background-color: #673a1e !important;
    border-radius: 50px;
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 114px;
    opacity: 0;
    padding: 0 !important;
    font-size: 14px !important;
}
.single_blog .blog_text > a:hover , .single_blog .blog_text > a:focus {
    background: #c77440 !important;
}
.sidebar-widget ul li a i{margin-right: 5px !important;}
.sing_services .related_posts {
    border-top: 1px solid #d6d6d6;
    padding-top: 20px;
    /*margin-top: 40px;*/
}
.catagory_box ul {
    list-style: none;
padding: 0;
}


section.sing_services {
    width: 100%;
    float: left;
    margin: 0 auto;
    position: relative;
        padding: 3% 0px;
	
}


.inner_page_header {
    background: #fff !important;
    margin-bottom: 0px !important;
}

.inner_page_header li a {
    color: #000 !important;
}

.main-navigation li a:hover {
    color: #000 !important;
}



/*slick*/
.slick-slide {
    margin: 0px 20px;
    cursor: pointer;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*New Css*/

section#topbar {
    text-align: center;
    padding: 1% 0px;
    background: #f5f5f5;
}

section#backtotop_section {
    background: #555860;
    padding: 2% 0px;
    text-align: center;
    color: #fff;

}

section#backtotop_section a.back-to-top .fa {
    color: #fff;
    transform: rotate(270deg);
    font-size: 20px;
}

section#productsec {
    padding: 4% 0px;
    background: #fff;
}

section#processsec {
    background-color: #f5f5f5;
    padding: 4% 0px;
}
/*3e3e3e*/

.row.process_sec_inner .process_sec{
    height: 100%;
    background-attachment: inherit; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    width: 100%;
    min-height: 350px;
    text-align: center;
    position: relative;
    max-width: 380px;
    float: none;
    width: 100%;
    margin: 0 auto;
}

.process_content {
    position: absolute;
    top: 26%;
    width: 180px;
    left: 37%;
}

.row.process_sec_inner .process_1
{
    background-image: url(../images/process_one.png);
}
.row.process_sec_inner .process_2
{
    background-image: url(../images/process_two.png);
}
.row.process_sec_inner .process_3
{
    background-image: url(../images/process_three.png);
}

.row.contact_button {
    text-align: center;
}


section#processsecbelow {
    padding: 4% 0px;
    background: #fff;
}

.process_blw_img {
    width: 20%;
    float: left;
    text-align: center;
}

.process_blw_content {
    float: left;
    width: 80%;
}

.process_blw_img img {
    width: 40px;
    height: 40px;
}

.process_blw_content h3 {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #343434;
    font-family: "Poppins SemiBold";
}

.process_blw_content p {
    max-width: 200px;
    font-family: "Roboto Light";
    /*font-weight: 100;*/
}

section#projectsec {
    background: #f5f5f5;
    padding: 4% 0px;
}

section#testmonialsec {
    background: #fbfbfb;
    padding: 4% 0px;
    width: 100%;
    float: left;
}

section#testmonialsec .slide.slick-slide.slick-current.slick-active.slick-center {
    background: #ffffff;
    pointer-events: fill;
    opacity: 1;
    cursor: pointer;
}

section#testmonialsec .slide {
    padding: 1%;
    margin-bottom: 5px;
}

.blog .carousel-indicators {
    left: 0;
    top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}

.header .navbar-default nav#site-navigation a {
    font-size: 14px;
    padding: 2.3em 12px;

}

.rev_slider_wrapper .tp-bgimg {
   
}

section#topbar .top_text img {
    margin-right: 5px;
    max-height: 25px;
}

.banner_link_section {border: 1px solid #fff !important;}

.banner_link_section a, .banner_link_section a:hover {
    color: #fff;
    border: none;
    font-size: 13px;
}

.slick-prev:before { content: '\2190'; } [dir='rtl'] .slick-prev:before { content: '\2190'; }

section#contactsec {
    padding: 3% 0px;
    background-color: #f5f5f5;
        width: 100%;
    float: left;
}

.contact_footer_sec input.wpcf7-form-control.wpcf7-submit {
    background-color: #bf8c53 !important;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    font-family: "Raleway Light";
}

.contact_footer_sec input.wpcf7-form-control.wpcf7-text, .contact_footer_sec textarea.wpcf7-form-control.wpcf7-textarea  {
    margin: 6px 0px;
    background: #fff;
    font-size: 12px;
    padding-left: 15px;
    border: 0.5px solid #dddddd;
    color: #9ea4ab;
        font-family: "Lato Light";
}

.contact_footer_sec textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 60px;
    max-height: 80px; 
}

div#logo{
    margin-top: 20px;
}

.fixed .navbar
{
    height: 80px;
    padding: 8px 0px;
}

ul.footer_links {
    list-style: none;
    margin: 0px;
}

ul.footer_links li {
    font-size: 14px;
    font-family: "Lato Light";
    margin-bottom: 3%;
    color: #5b5b5b;
}

ul.footer_links li a {
    color: #5b5b5b;
    text-decoration: none;
}

ul.footer_links li img {
    padding-right: 10px;
    width: 30px;
}

.contact_footer_sec {
    margin-top: 10%;
}

ul.social_links {
    list-style: none;
    display: block;
    float: left;
    padding: 0px 2%;
}

ul.social_links li {
    display: inline;
    padding: 5%;
    float: left;
}

h5.site_sub_head {
    text-transform: uppercase;
    /*font-weight: 600;*/
    font-size: 13px;
    color: #a0a0a0;
    margin-left: 0.5%;
    font-family: "Roboto Medium";
}

h3.site_head {
    font-family: "Poppins SemiBold";
    font-size: 36px;
   /* font-weight: bold;*/
    color: #343434;
    margin: 0px;
    margin-bottom: 3%;
    margin-left: 0.3%;
}

.product_text {
    text-align: center;
    color: #343434;

}

.product_text h5 {
    text-transform: uppercase;
    font-family: "Poppins SemiBold";
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
    background-color: transparent;
}

.product_text p {
    font-family: "Roboto Light";
    font-weight: 100;
}

.process_content h3 {
    color: #343434;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Poppins SemiBold";
}

.process_content p {
    font-family: "Roboto Light";
    font-size: 15px;
    color: #343434;
}

button.contact_link {
    width: 180px;
    background: none;
    border: 1px solid #8b8b8b;
    font-family: "Raleway Regular";
}

button.contact_link a {
    color: #343434;
}

.slide .product_image, .slide .portfolios_image {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.slide .product_image img, .slide .portfolios_image img {
    height: 100%;
}

.product_image:hover .product_view_section {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #f5f5f591 !important;
    color: #3a3a3a;
    text-align: center;
    padding: 20px 0px;
    display: block !important;
    font-family: "Lato";
}

section.about_section {
    padding: 4% 0px;
   background-image: url(../images/about_bg.png);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    width: 100%;
    text-align: center;
}


section#aboutsec h3 {
    color: white;
    line-height: 1.5;
    font-size: 18px;
}

section.about_section a {
    color: #fff;
    
}

section.about_section button.contact_link {
    border: 1px solid #fff;
        font-family: "Raleway Regular";
        margin-top: 3%;
}

section.about_section h1 {
    color: #fff;
    font-size: 50px;
    font-family: "Raleway Bold";
    margin-bottom: 5%;
}

section#testmonialsec .slide
{
    background: #fcfcfc;
    pointer-events: none;
    opacity: 0.5;
}

.feedback_sec h3 {
    font-family: "Lato Bold";
    font-size: 15px;    
    margin: 0px;
    color: #343434;
}

div:focus {
    box-shadow: none;
    text-decoration: none;
    outline: none;
}

.feed_desc p {
    font-family: "Lato Light";
    margin: 20px 0px;
    font-weight: 300;
    font-size: 16px;
    color: #343434;
}

.row.feedback_bottom {
    margin: 0px !important;
}

.test_img {
    float: left;
    width: 20%;
}

.test_desc {
    float: left;
   /* margin: 0px 5%; */
}

.test_desc h5 {
    color: #343434;
    font-family: "Lato Bold";
}

.test_desc h6 {
    font-family: "Lato Light";
    margin: 0px;
}

.row.customer-logos.slider > button {
    display: none !important;
}


button.slick-lightbox-close:hover {
    background: #d00505;
}
img.scrollto {
    margin-top: -16px;
}
ul#menu-main-menu {
    margin-top: -16px;
}
.sub_banner_text
{text-align: center !important;}
.banner_link_section {
    margin-top: 20% !important;
}


/***REVISIONS***/

.phone-float-icon, .whatsapp-float-icon {
    display:none;
}


@media screen and (max-width: 63.9375em) { 

    .whatsapp-float-icon {
        bottom:10px;
        right:10px;
   
        position:fixed;
        width:60px;
        height:60px;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        z-index:999999 !important;

        display: block !important;
    }


    .phone-float-icon {
        bottom:10px;
        left:10px;

        position:fixed;
        width:60px;
        height:60px;
        border-radius:50px;
        z-index:999999 !important;

        display:block !important;
    }

}


/***END REVISIONS***/