/*
Template Name: Produstry - Business HTML5 Template
Author: ThemesItem
Design-by : Sakeba Irin
Version: 1.0

Table of Content ::
    A. Home page
        1. header 
            1.1 header_top
            1.2 full_nav  
               1.2.1 logo 
               1.2.2 menu  
        2. slider part
        3. service part
        4. about us  part 
        5. portfolio part
        7. counter part
        8. blog part
        9. testimonial part
        10. brand part 
        11. footer part

    B. about page
    C. portfolio page
    D. blog-grid page 
    E. blog-list page
    F. blog-details page
    G. contact page
    H. error page
    I. coming soon page

*/

/* === common css class end here === */

* {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul,
ol {
    list-style-type: none;
    margin-bottom: 0;
}

p {
    line-height: 24px;
    margin-bottom: 0;
	font-size: 15px;
}

body {
    font-family: 'Roboto', sans-serif;
}

a:focus {
    outline: 0;
}

.form-control:focus {
    border-color: #6da92c
}

.pb {
    padding-bottom: 10px;
}

/* === preloader css ==== */

#main-preloader {
    position: fixed;
    z-index: 999999;
    background-color: #161616;
    width: 100%;
    height: 100%;
}

#main-preloader:before,
#main-preloader:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 800ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#main-preloader:after {
    background: #161616;
    z-index: 13;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

#main-preloader .preloader-percentage.center {
    font-weight: 600;
    font-size: 125px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 120px;
}

#main-preloader .preloader-bar-outer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;
}

#main-preloader .preloader-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #01A2DD;
}

#main-preloader.ani_1:before,
#main-preloader.ani_1:after {
    -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);
}

#main-preloader .object {
    width: 20px;
    height: 20px;
    background-color: #6da92c;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: absolute;
}

#main-preloader .object_one {
    -webkit-animation: object 2s linear infinite;
    -moz-animation: object 2s linear infinite;
    animation: object 2s linear infinite;
}

#main-preloader .object_two {
    -webkit-animation: object 2s linear infinite -0.4s;
    -moz-animation: object 2s linear infinite -0.4s;
    animation: object 2s linear infinite -0.4s;
    left: 20px;
}

#main-preloader .object_three {
    -webkit-animation: object 2s linear infinite -0.8s;
    -moz-animation: object 2s linear infinite -0.8s;
    animation: object 2s linear infinite -0.8s;
    left: 40px;
}

#main-preloader .object_four {
    -webkit-animation: object 2s linear infinite -1.2s;
    -moz-animation: object 2s linear infinite -1.2s;
    animation: object 2s linear infinite -1.2s;
    left: 60px;
}

#main-preloader .object_five {
    -webkit-animation: object 2s linear infinite -1.6s;
    -moz-animation: object 2s linear infinite -1.6s;
    animation: object 2s linear infinite -1.6s;
    left: 80px;
}

@-webkit-keyframes object {
    0% {
        left: 100px;
        top: 0;
    }
    80% {
        left: 0;
        top: 0;
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    90% {
        width: 40px;
        height: 15px;
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 100px;
        top: 0;
    }
}

@keyframes object {
    0% {
        left: 100px;
        top: 0;
    }
    80% {
        left: 0;
        top: 0;
    }
    85% {
        left: 0;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    90% {
        width: 40px;
        height: 15px;
    }
    95% {
        left: 100px;
        top: -20px;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 100px;
        top: 0;
    }
}

/* === common css class end here === */

.menu_right ul li form .input-group {
    right: 0px;
    opacity: 0;
    position: absolute;
    top: -19px;
    width: 200px;
}

.m0 {
    margin-left: 0;
    margin-right: 0;
}

.pl0 {
    padding-left: 0;
}

.pr0 {
    padding-right: 0;
}

a {
    text-decoration: none!important;
}

/* font family */

.froboto {
    font-family: 'Roboto', sans-serif;
}

/* === to-top css == */

.totop {
    background-color: #6da92c;
    padding: 2px 10px;
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: none;
    color: white;
    z-index: 999;
}

.totop i {
    color: #fff;
    font-size: 32px;
}

/* ===== START CSS FOR HOME-PAGE ===== */

/* === nav-toggle === */

ul.sakeba li a {
    opacity: 0!important;
}

.full_nav .nav.sakeba > li {
    visibility: hidden;
}

.full_nav .nav > li:last-child {
    visibility: visible;
}

.full_nav .nav > li {
    visibility: visible;
}

/* == main css start from now == */

/* == header top start == */

#header_top {
    /*background-color: #0098da;*/
	background-image: linear-gradient(#73b32e, #5d9125);
    height: 40px;
    line-height: 40px;
}

.hdrtop_row .midle {
    background-color: #353535;
    height: 40px;
    transform: skew(-30deg, 0deg);
}

.wc_title {
    transform: skew(30deg, 0deg);
}

.col_addrs span {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    text-transform: capitalize;
    padding-left: 3px;
}

.wc_title p {
    color: #fff;
    font-weight: 400;
    line-height: 40px;
}

.scl_mda {
    text-align: right
}

.scl_mda ul li {
    margin: 0 5px
}

.scl_mda ul li a {
    text-align: center;
    position: relative;
    display: block;
    height: 25px;
    width: 25px;
}

.scl_mda ul li a i {
    color: #ffffff;
}

.scl_mda ul li a:before,
.slidr_icon a:before {
    position: absolute;
    height: 100%;
    width: calc(100% + 10px);
    left: -5px;
    top: 8px;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    content: '';
    transform: scale(0, 1);
    transition: all 0.5s ease-in-out;
}

.scl_mda ul li a:after,
.slidr_icon a:after {
    height: calc(100% + 10px);
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -13px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    content: '';
    transform: scale(1, 0);
    transition: all 0.5s ease-in-out;
}

.scl_mda ul li a:hover:before,
.scl_mda ul li a:hover:after {
    transform: scale(1, 1);
}

/* == header top end == */

/* == menu css start == */

.full_nav {
    background-color: #fff;
    margin-bottom: 0;
    border-radius: 0;

}

.full_nav.affix {
    border-bottom: 4px solid #6da92c;
}

.full_nav .navbar-brand {
    height: auto;
    padding: 0 15px;
}

nav.navbar .container {
    position: relative;
}

.navbar-header {
    float: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .4s;
}

.menuVisible.navbar-header {
    left: 0;
    transform: initial;
}

.full_nav .nav {
    /*margin-top: 10px;*/
}

.full_nav .nav > li {
    margin: 0 10px;
    padding: 20px 0;
}

.full_nav .nav > li > a {
    font-size: 15px;
    padding: 10px;
    color: #353535!important;
    text-transform: uppercase;
    font-weight: 500;
    transition: all 0.3s linear;
    position: relative;
    line-height: normal;
}

.full_nav .nav > li > a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: calc(100% + 10px);
    border-bottom: 1px solid #ff6f0f;
    border-top: 1px solid #ff6f0f;
    left: -5px;
    top: 0;
    transform: scale(0, 1);
    transition: all 0.5s ease-in-out;
}

.full_nav .nav > li > a:after {
    position: absolute;
    content: "";
    height: calc(100% + 10px);
    width: 100%;
    border-left: 1px solid #ff6f0f;
    border-right: 1px solid #ff6f0f;
    left: 0;
    top: -4px;
    transform: scale(1, 0);
    transition: all 0.5s ease-in-out;
}

.full_nav .nav > li > a:hover:before,
.full_nav .nav > li > a:hover:after {
    transform: scale(1, 1);
}

.full_nav .nav > li > a:hover {
        color: #ffffff!important;
    background-image: linear-gradient(#ffa366, #ff6600);
}

.full_nav .nav > li > span {
    cursor: pointer;
    padding-top: 15px;
}

.full_nav .nav > li > span:hover {
    color: #ff6f0f;
}

.dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.dropdown-menu > li > a {
   color: #fff;
    font-weight: 400;
    padding: 7px 20px;
	border-bottom: 1px solid white;
	
}

.dropdown-menu > li:hover > a {
   background-color: #659d28;
    color: #ffffff;
}

.dropdown-menu .divider {
    margin: 0
}

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

.navbar-default .navbar-nav .open > a,
.navbar-default .navbar-nav .open > a:focus,
.navbar-default .navbar-nav .open > a:hover {
    background-color: transparent;
    color: #c6a85a
}

.affix {
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 999;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-bottom-color: #ffca36
}

.affix .nav > li {
    padding: 20px 0
}

.affix .navbar-brand img {
    margin-top: 5px;
}

.affix .nav {
    margin-top: 0;
}

.affix-top {
    position: static;
    top: -50px;
    transition: all .5s ease-in-out;
}

.affix + .container-fluid {
    padding-top: 0px;
    transition: all .5s ease-in-out;
}

.affix + section {
    margin-top: 121px;
}

.navbar-brand img {
    margin-top: 5px;
}

/* ===== start of slider section ===== */

#slider_full {
    position: relative;
}

.about_bg:before,
#counter_sec:before,
.testimonial_bg:before,
#page_breadcrumb:before,
#comingsoon_sec:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.51);
    z-index: -1;
}

.slider_txt {
    width: 45%;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.slider_txt h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
    margin-top: 0;
	font-family: 'Philosopher', sans-serif;
	
	
	
	
      /*background: -webkit-linear-gradient(#0098d9, #a9cf46);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

.slider_txt h1 span {
    color: #ffca36;
    font-weight: 700;
}

.slider_txt p {
    padding: 15px 0 20px 0;
}

.main_btn a {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 15px;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 15px;
    margin-right: 30px;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
    transition: all 0.3s linear;
}

.blog_text .main_btn a {
    margin-right: 0;
}

.slider_txt .main_btn a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0%;
    background-color: #ffca36;
    top: 0;
    left: 0;
    transition: all 0.3s linear;
    z-index: -1;
}

.slider_txt .main_btn a:hover:before {
    width: 100%
}

.slider_txt .main_btn a:hover {
    color: #353535;
    border-color: #ffca36;
}

.slidr_icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    z-index: 4;
    width: 100%;
}

.slidr_icon a {
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer
}

.slidr_icon a.icon_left {
    left: 5px;
}

.slidr_icon a.icon_right {
    left: 93%;
}

.slidr_icon a i {
    font-size: 40px;
    color: #fff;
    line-height: 48px;
    transition: all 0.5s ease-in-out;
}

.slidr_icon a:hover i,
#blog_sec .slidr_icon a:hover i,
#brand_full .slidr_icon a:hover i,
#aboutus_team_sec .slidr_icon a:hover i {
    color:#ff6f0f;
}

.slidr_icon a:before {
    left: -5px;
    border-color: #fff;
    transform: scale(1, 1);
}

.slidr_icon a:hover:before,
.slidr_icon a:hover:after,
#blog_sec .slidr_icon a:hover:before,
#blog_sec .slidr_icon a:hover:after,
#brand_full .slidr_icon a:hover:before,
#brand_full .slidr_icon a:hover:after,
#aboutus_team_sec .slidr_icon a:hover:before,
#aboutus_team_sec .slidr_icon a:hover:after {
    border-color: #ff6f0f;
}

.slidr_icon a:after {
    bottom: -13px;
    border-color: #fff;
    transform: scale(1, 1);
}

.arrow_left {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.arrow_right {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}


/* === service section start ===*/

#service_full {
    padding: 50px 0 0px;
}

.sec_title {
    margin-bottom: 50px
}

.sec_title h2,
.about_des h3 {
    font-weight: 600;
    color: #353535;
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: capitalize;
	font-family: 'Philosopher', sans-serif;
}

.about_des h3 {
    margin-top: 0;
}

.sec_title p {
    font-size: 15px;
    color: #000;
    /*padding: 0 28%*/
}

.single_service {
    margin-top: 30px;
}

.singleserv_icon {
    height: 108px;
    width: 108px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    line-height: 108px;
    border: 1px solid #4c4c4c;
    transform: rotate(45deg);
    position: relative;
    transition: all 0.3s ease;
}

.singleserv_icon:before {
    position: absolute;
    content: "";
    height: 40%;
    border-left: 2px dashed #353535;
    transform: rotate(-43deg);
    left: 113%;
    top: 100px;
    transition: all 0.3s ease;
}

.singleserv_icon img {
    display: inline-block;
    transform: rotate(-45deg)
}

.singleserv_des {
    border: 1px solid #333;
    margin-top: 66px;
    padding: 35px;
    transition: all 0.3s ease;
}

.singleserv_des h4 {
    color: #353535;
    font-weight: 400;
    text-transform: uppercase
}

.singleserv_des p {
    color: #555;
}

.single_service:hover .singleserv_des,
.single_service:hover .singleserv_icon,
.single_service:hover .singleserv_icon:before {
    border-color: #ffd359
}

.single_service:hover .singleserv_des {
    box-shadow: 0px 1px 2px 1px #999;
}


/* === service section end ===*/

/* === About section start ===*/

#about_sec {
    padding: 48px 0;
}

.about_bg {
    background: url(../images/about-bg.jpg) left top no-repeat;
    background-size: cover;
    position: relative;
    height: 437px;
    z-index: 1
}

.about_bg img {
    position: absolute;
    right: -164px;
    top: 3;
}

.about_des {
    width: 100%;
}

.about_tab .nav-tabs {
    border-bottom: 5px solid #ddd;
}

.tab-content {
    padding: 25px 0 0 0;
}

.tab-pane p {
    padding-bottom: 30px;
}

.tab-pane .main_btn a,
.blog_text .main_btn a,
#portfolio_sec .main_btn a,
#blog_gridsection .main_btn a,
#bloglist_sec .blog_grid_btn a {
    background-color: #717171;
    color: #fff7f7;
    font-weight: 500;
    border-style: none;
}

.about_tab .tab-pane p:first-child {
    padding-bottom: 35px;
}

.about_tab .nav-tabs > li {
    margin: 0 20px;
}

.about_tab .nav-tabs:first-child > li {
    margin-left: 0;
}

.about_tab .nav-tabs:last-child > li {
    margin-right: 0;
}

.about_tab .nav-tabs > li > a {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 18px;
    color: #353535;
    font-weight: 500;
    position: relative;
    border-style: none;
}

.about_tab .nav-tabs > li > a:before,
.about_tab .nav-tabs > li.active > a:before {
    position: absolute;
    content: "";
    height: 5px;
    width: 0%;
    background-color: #ffca36;
    bottom: -5px;
    left: 0;
}

.about_tab .nav-tabs > li > a:hover:before,
.about_tab .nav-tabs > li > a:focus:before,
.about_tab .nav-tabs > li.active > a:before {
    width: 100%;
}

.about_tab .nav-tabs > li > a:hover {
    border-style: none;
    background-color: transparent!important;
}

.about_tab .nav-tabs > li:first-child > a {
    padding-left: 0;
}

.about_tab .nav-tabs > li.active > a:focus,
.about_tab .nav-tabs > li.active > a:hover {
    border-style: none;
    background-color: transparent!important;
}

.tab-content .main_btn a,
.blog_text .main_btn a {
    border: 1px solid transparent;
}

.tab-content .main_btn a:hover,
.blog_text .main_btn a:hover {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000
}


/* === About section end ===*/

/* === Protfolio section start == */

#portfolio_sec {
    padding: 0px 0 0px 0;
}

.work_img {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 5px;
	border:1px solid #000000;
}

.work_img img {
    width: 100%
}

.work_overlay {
    padding-top: 80px;
    position: absolute;
    width: 100%;
    height: 0%;
    opacity: 0;
    left: 0;
    bottom: 0;
    background-color: #ff6f0f78;
    transition: all 0.4s ease;
    clip-path: polygon(0% 47%, 100% 0%, 100% 100%, 0% 100%);
}

.rec {
    height: 300px;
    width: 400px;
    position: absolute;
    background-color: aqua;
    transform: perspective(800px) rotateY(-45deg);
}

.work_img:hover .work_overlay {
    height: 50%;
    opacity: 1
}


/* === Protfolio section start == */

/* === counter section Start === */

#counter_sec {
    background: url(../images/counter.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 35px 0 30px;
}

.counter {
    color: #fff;
    text-align: center
}

.counter h2 {
    font-size: 35px;
    font-weight: 700;
}

.counter p {
    font-size: 18px;
    font-weight: 400;
}


/* === counter section Start === */

/* == Reservation section start == */

/* == Blog section Start == */

#blog_sec {
    position: relative;
    padding: 0px 0 0px 0;
    margin-top: 46px;
}

#blog_sec .slidr_icon a:before,
#blog_sec .slidr_icon a:after,
#brand_full .slidr_icon a:before,
#brand_full .slidr_icon a:after,
#aboutus_team_sec .slidr_icon a:before,
#aboutus_team_sec .slidr_icon a:after {
    border-color: #888
}

#blog_sec .slidr_icon a i,
#brand_full .slidr_icon a i,
#aboutus_team_sec .slidr_icon a i {
    color: #353535
}

.single_blog {
    position: relative;
    margin-top: 125px;
    transition: all 0.3s linear;
    border: 1px solid #fff;
    margin-bottom: -45px;
}

.slick-center .single_blog,
.blog_grid_row .single_blog {
    transform: translateY(-125px);
    border-color: #5a5a5a;
}

.blog_hover {
    position: absolute;
    left: 0;
    top: 0
}

.blog_img {
    position: relative;
    transition: all 0.3s linear;
    z-index: 99;
	
}

.blog_img img {
    width: 100%
}

.slick-center .single_blog .blog_img,
.blog_grid_row .single_blog .blog_img {
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
}

.slick-center .single_blog .blog_img .img_overlay,
.blog_grid_row .single_blog:hover .blog_img .img_overlay {
    height: 100%;
    opacity: 1;
}

.img_overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 0%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.61);
    text-align: center;
    opacity: 0;
    transition: all 0.3s linear;
}

.img_overlay a i {
    height: 40px;
    width: 40px;
    background: #ffffff;
    line-height: 40px;
    border-radius: 50%;
    color: #353535;
    font-size: 16px;
    transition: all 0.3s linear;
    border: 1px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.img_overlay a i:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff
}

.blog_description,
.slick-center .blog_description,
.blog_grid_row .blog_description {
    padding: 10px 10px 15px;
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.5s linear;
}

.slick-center .single_blog .blog_description,
.blog_grid_row .single_blog .blog_description {
    transform: translateY(0%);
    opacity: 1
}

.blog_description h4 {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    text-transform: capitalize;
}

.blog_description ul {
    text-align: right
}

.blog_description ul li:first-child {
    float: left
}

.blog_description ul li a {
    color: #555;
}

.blog_text p {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 5px 0 15px;
	text-align: justify;
}

.blog_text button {}

.blog_hover {
    border: 1px solid #ddd;
}


/* == Blog section end == */

/* === testimonial section start === */

.testimonial_bg {
    width: 100%;
    background: url(../images/testimonial.jpg) left top no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    height: 377px;
}

.testimonial_col {
    margin-top: 55px;
}

.feedback_txt {
    color: #fff
}

.client_img {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    background-color: #ddd;
    height: 70px;
    width: 70px;
    border-radius: 50%;
}

.slick-center .client_img:before {
    position: absolute;
    top: -5px;
    left: -5px;
    content: "";
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 1px solid #ffca36;
}

.client h5 {
    font-size: 14px;
    color: white;
    font-weight: bold
}

.client span {
    font-size: 14px;
    font-weight: normal;
    color: #d4d4d4
}

.client_img img {
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 0.5
}

.slick-center .client_img img {
    opacity: 1
}

.client_main_img.slick-center .client_img:after {
    background: transparent;
}

.client .slick-track {
    padding: 30px 0;
}

.client_main_img.slick-center {
    transform: scale(1.2) translateY(-1px);
}

.client_dtls {
    opacity: 0;
}

.client_main_img.slick-center .client_dtls {
    opacity: 1;
}

.client .slick-dots {
    position: absolute;
    top: 85%;
    left: 37%;
}

.fdbck_name span {
    display: block
}

.fdbck_name i {
    color: #ffca36
}


/* === Testimonial section end ===*/

/* === Brand section start ===*/

#brand_full {
    padding: 0px 0 0px;
    position: relative;
    z-index: 1
}

.brand {
    background-color: #f1f1f1;
    height: 110px;
    line-height: 110px;
    text-align: center;
    padding: 0 10px;
}

.brand img {
    display: inline-block;
}

.brand_col {
    padding: 50px 15px;
    width: 20%;
}

.slick-center .brand {
    box-shadow: 0px 1px 10px 4px #b8b8b8;
}


/* === Brand section end ===*/

/* === footer full start === */

#footer_info {
    background-color: #353535;
    padding: 35px 0 10px 0;
}

.footer_col p {
    color: #ddd;
    font-size: 14px;
    font-weight: 400;
    /*padding: 30px 0;*/
	text-align: justify;
}

.footer_col ul.social_media li a {
    height: 35px;
    width: 35px;
    transition: all 0.3s linear;
    background-color: #fff;
    color: #353535;
    text-align: center;
    display: block;
    border-radius: 50%;
}

.footer_col ul li {
    padding: 0 15px 30px 0;
}

.footer_col ul li:last-child {
    padding-right: 0;
}

.footer_col ul.social_media li a i {
    font-size: 20px;
    line-height: 35px;
}

.footer_col ul.social_media li a:hover {
    background-color: #ffca36;
}

.footer_col h4,
.footer_menu h4 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    margin: 0px 0 25px 0;
    text-transform: uppercase;
}

.footer_col ul li span {
    font-size: 14px;
    color: #ddd;
    font-weight: 400;
}

.address_list li i {
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 5%;
    line-height: 30px;
    font-size: 17px;
    transition: all 0.3s linear;
    background-color: #6da92c;
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
}

.address_list li a span:hover {
    color: #ffca36
}

.footer_menu ul li a {
    color: #dddddd;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    padding-bottom: 7px;
    display: block;
    transition: all 0.3s linear;
}

.footer_links ul li a:hover {
    color: #6da92c;
    margin-left: 5px;
}

.widget_content {
    height: 80px;
    overflow: hidden;
    /*margin-bottom: 30px;*/
}

.singlepost_details h5 {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.singlepost_details p {
    font-size: 14px;
    color: #dddddd;
}

.singlepost_details ul {
    margin-top: 15px;
}

.singlepost_details ul li {
    float: left;
    padding-right: 5px;
}

.singlepost_details ul li:last-child {
    padding-right: 0;
}

.singlepost_details ul li a span {
    font-size: 13px;
    font-weight: 400;
    padding-left: 2px;
    transition: all 0.3s linear;
}

.singlepost_details ul li a span:hover {
    color: #ffca36
}

.single_post_img {
    margin-right: 10px;
}

.footer_copyright {
    height: 55px;
    line-height: 55px;
    background-color: #555;
    text-align: center
}

.footer_text p {
    /*line-height: 55px;*/
    font-weight: 400;
    color: #fff;
}

.footer_text p a {
    text-transform: uppercase;
    color: #6da92c;
}


/* === footer section end === */

/* === about_us page start === */

#about_page_aboutus {
    padding: 100px 0 50px 0;
}

.aboutpage_bg {
    height: 350px;
    background: url(../images/aboutuspage_bg.jpg) center center no-repeat;
    background-size: cover;
}

.aboutpage_bg img {
    bottom: 0;
    right: -118px;
}

#page_breadcrumb {
    height: 160px;
    position: relative;
    z-index: 1;
    background: url(../images/about_page_bg.jpg) left top no-repeat;
    background-size: cover;
}

.breadcrumb_menu {
    color: #fff;
    padding-top: 20px;
}

.breadcrumb_menu h3 {
    font-weight: 400;
    font-size: 35px;
}

.breadcrumb_menu .breadcrumb {
    background-color: transparent;
    border-style: none;
    border-radius: 0px;
    padding: 0;
}

.breadcrumb li a {
    color: #fff;
    font-size: 18px;
}

.breadcrumb > li + li::before {
    content: "\f101";
    font: normal normal normal 14px/1 FontAwesome;
}

.breadcrumb > .active,
.breadcrumb li a:hover {
    color: #ffffff;
}


/* about page mission */

#about_page_misson {
    padding: 50px 0;
}

.about_page_inner h3 {
    font-size: 35px;
    color: #353535;
    font-weight: 300;
    margin-top: 0;
}

.about_page_inner p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    padding: 18px 0;
}

.about_page_inner ul {
    margin-left: 30px;
}

.about_page_inner ul li {
    padding: 6px 0;
}

.about_page_inner ul li i {
    color: #ffca36
}

.about_page_inner ul li span {
    color: #555;
    font-size: 14px;
    padding-left: 13px;
}

#about_page_misson .aboutpage_bg img {
    left: -115px;
}


/* about page mission */

#aboutus_team_sec {
    padding: 50px 0;
    position: relative
}

.team_member {
    height: 530px;
}

.team_img {
    background-color: #f1f1f1;
    height: 380px;
    overflow: hidden;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);
    padding-top: 10px;
}

.team_desc {
    background-color: #353535;
    color: #fff;
    text-align: center;
    height: 130px;
    clip-path: polygon(0% 30%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -30px;
    transition: all 0.3s linear;
    overflow: hidden;
    position: relative;
}

.teamdesc_txt h4 {
    margin: 0;
}

.teamdesc_txt {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.team_img a img {
    display: inline-block
}

.teamdesc_txt ul {
    padding-bottom: 0;
    display: none;
}

.teamdesc_txt ul li {
    padding: 0 5px;
    margin-top: 25px;
}

.teamdesc_txt ul li a i {
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50%;
    background-color: #353535;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.3s linear;
}

.teamdesc_txt ul li a i:hover {
    background-color: transparent;
    border-color: #353535;
    color: #353535
}

.slick-center .team_member .team_desc {
    background-color: #ffca36;
    height: 180px;
    clip-path: polygon(0% 21%, 100% 0%, 100% 100%, 0% 100%);
}

.slick-center .team_member .teamdesc_txt {
    transform: translateY(-50%) translateX(-50%);
}

.slick-center .team_member .teamdesc_txt ul {
    display: block;
}

.slick-center .team_member .team_img {
    height: 350px;
}


/* === about page end here === */

/* === blog-grid page start here === */

#blog_gridsection,
#bloglist_sec {
    padding: 30px 0 ;
}

.blog_grid {
    border: 1px solid #ddd;
    padding: 10px 0;
    margin-left: 0;
    margin-right: 0;
}

.sort_icon span {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #555;
    cursor: pointer;
    transition: all 0.8s linear;
    margin-left: 10px;
    color: #333
}

.sort_icon span:first-child {
    margin-left: 0;
}

.sort_icon span:hover {
    background-color: #ffca36;
}

.sort_select span {
    font-size: 14px;
    font-weight: 400;
}

.sort_select select {
    padding: 10px 15px;
    margin-right: 25px;
}

.sort_select select:last-child {
    margin-right: 0;
}

.pagination {
    margin: 0;
}

.pagination > li > a {
    border-radius: 0!important;
    border-color: #555;
    color: #555;
    padding: 10px 12px;
}

.sort_select nav .col-sm-3 span {
    line-height: 40px;
}

.blog_grid_row {
    margin-top: 30px;
}

.blog_grid_row .single_blog {
    margin: 30px 0;
    transform: translateY(0)
}

#bloglist_sec .blog_grid_btn a {
    width: 100%;
    text-align: center;
    margin-right: 0;
}

#blog_gridsection .main_btn a,
.singleblog_desc .main_btn a {
    margin-right: 0;
    background-color: #fff;
    border: 1px solid #353535;
    color: #353535
}

#blog_gridsection .main_btn a:hover,
.singleblog_desc .main_btn a:hover {
    background-color: #ffca36;
    border-color: transparent
}

#blog_gridsection .blog_grid_btn a,
#bloglist_sec .blog_grid_btn a {
   background-color: #6da92c;
    margin-right: 0;
    width: 25%;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 20px;
    border: 1px solid #393939;
    display: inline-block;
    font-size: 18px;
    transition: all 0.3s;
}

#blog_gridsection .blog_grid_btn a:hover,
#bloglist_sec .blog_grid_btn a:hover {
    background-color: #e6e6e6;
    border-color: #000000;
    color: #333
}

.blog_single_post {
    position: relative;
    height: auto;
    margin-bottom: 175px;
}

.singleblog_desc {
    width: 670px;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f1f1f1;
    padding: 80px 50px 30px 50px;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
}

.blog_grid_btn {
    margin-top: 30px;
}

/* === blog-list page start === */

.bloglist_row {
    padding: 0px 0 0 0;
}

.blog_tab .nav-tabs,
.blog_tab .nav-tabs > li > a,
.blog_tab .nav-tabs > li > a:hover,
.blog_tab .nav-tabs > li.active > a,
.blog_tab .nav-tabs > li.active > a:hover {
    border-style: none;
    background-color: transparent;
    color: #ffca36;
}

.blog_tab .nav-tabs > li > a {
    font-size: 18px;
    color: #353535;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px 15px 0px 15px;
}

.blog_tab .nav-tabs > li:first-child > a {
    padding-left: 0;
}

.blog_tab .tab-content {
    padding: 0 0 0 0;
}

.singleblog_desc ul li a {
    color: #555;
}

.singleblog_desc ul li a i {
    margin-right: 5px;
}

.singleblog_desc p {
    padding: 30px 0;
}

.blog_single_content {
    border-bottom: 1px solid #353535;
}

.blog_single_content:last-child {
    border-bottom-style: none
}

.blog_sidebar .widget_content {
      height: 30px;
    overflow: hidden;
    margin-top: 13px;
}

.blog_sidebar .widget_content .single_post_img {
    margin-right: 30px;
    position: relative
}

.single_blog_overlay {
    position: absolute;
    height: 100%;
    width: 0%;
    background-color: rgba(255, 202, 54, 0.65);
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s linear;
}

.single_blog_overlay a {
    height: 30px;
    width: 30px;
    background-color: #fff;
    color: #ff5f83;
    line-height: 30px;
    display: block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.blog_sidebar .widget_content .singlepost_details h5 {
    color: #353535;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s linear;
}

.blog_sidebar .widget_content:hover .singlepost_details h5 {
    color: #a8cf46
}

.blog_sidebar .widget_content:hover .single_blog_overlay {
    width: 100%;
    opacity: 1;
}

.blog_sidebar .widget_content .singlepost_details p {
    padding-bottom: 23px;
}

.blog_sidebar .widget_content .singlepost_details ul {
    /*margin-top: 53px;*/
}

.blog_sidebar .widget_content .singlepost_details ul li a {
    color: #555;
    text-transform: capitalize;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

.blog_sidebar .widget_title {
    padding-top: 20px;
}

.widget_title h5 {
    font-size: 18px;
    color: #353535;
    margin-bottom: 30px;
}

.category_list ul li a {
    color: #555;
    text-transform: capitalize;
    font-size: 14px;
    padding: 6px 0;
    display: block;
    transition: all 0.3s linear;
}

.category_list ul li a:hover {
    color: #ffca36
}

.category_list ul li a span {
    float: right;
}

.tag_btn a {
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid #353535;
    display: inline-block;
    padding: 10px;
    color: #555555;
    font-size: 14px;
    transition: all 0.3s linear;
    margin-right: 5px;
    margin-bottom: 10px;
}

.tag_btn a:hover {
    color: #ffca36;
    border-color: #ffca36;
}


/* === blog-details page start === */

.blg_dtls_content h4 {
       color: #353535;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 25px;
}

.blg_dtls_content h4 span {
    float: right;
    color: #555;
    font-size: 14px;
    font-weight: 400;
}

.blg_dtls_content ul li:first-child {
    /*float: left;*/
	
}

.blg_dtls_content ul li a {
    color: #555;
}

.blg_dtls_content ul li a span {
    font-size: 13px;
    text-transform: capitalize;
    padding-left: 6px;
    color: #555;
}

.blg_dtls_content p {
        color: #000;
    line-height: 24px;
    font-size: 14px;
    padding: 5px 0;
	    text-align: justify
}

.blg_dtls_content p:first-child {
    padding-bottom: 0;
}

.blg_dtls_content .blog_highlights p {
        background-color: #f1f1f1;
    padding: 15px 0 15px 30px;
    border-left: 3px solid #6da92c;
    font-style: normal;
    color: #555555;
    font-size: 15px;
    margin-top: 0px;
    border-bottom: 2px solid #6da92c;
}

.blog_comments .media {
    padding: 15px 0;
}

.blog_media a {
    color: #353535;
    font-size: 14px;
}

.blog_media a:hover {
    color: #ffca36;
}

.media_first {
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
}

.blog_comments .media .media-left {
    padding-right: 30px;
}

.blogdetails_form form .form-group.col-sm-12 textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #000;
    padding: 5px 10px;
}

.blogdetails_form form .form-group input,
.blogdetails_form form .form-group textarea {
    color: #777;
    text-transform: capitalize;
    resize: none;
    border: 1px solid #000;
    border-radius: 0px;
    font-size: 13px;
}

.blogdetails_form form .form-group input:focus,
.blogdetails_form form .form-group textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(199, 154, 29, 0.4);
}

.blogdetails_form .book_btn {
    text-align: center
}

.blogdetails_form .book_btn button,
.err_description .book_btn button {
    color: #353535;
    border: 1px solid transparent
}

.err_description .book_btn button {
    font-size: 14px
}

.blogdetails_form {
    margin-top: 30px;
    margin-bottom: 80px;
}


/* === portfolio page start === */

#portfoliopage_sec {
    padding: 100px 0 50px 0;
}

#portfoliopage_sec .pf_btn a {
    margin-right: 0;
    color: #353535;
    background-color: #ffca36;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px 20px;
    display: inline-block;
    font-size: 16px;
    transition: all 0.3s;
}

#portfoliopage_sec .pf_btn a:hover {
    background-color: #e6e6e6;
    border-color: #e6e6e6
}


/* === portfolio page end === */

/* === contact page start === */

#contact_address {
    padding:60px 0 40px;
}

#contact_form {
    padding: 0px 0 40px 0
}

.contaddress_row i {
        height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #6da92c;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    margin-bottom: 10px;
	    color: white;
}

.contact_desc p,
.contact_desc p a {
    color: #353535;
    padding: 20px 0;
    position: relative;
    transition: all 0.5s linear
}

.contact_desc p a:hover {
    color: #ffca36
}

.contact_desc p:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #000000;
    top: 0;
    right: -16px;
}

.contaddress_row .col-sm-4:last-child .contact_desc > p:before {
    height: 0
}

.contact_form_col {
    background: url(../images/contact_bg.jpg) left top no-repeat;
    background-size: cover;
    padding: 30px 0;
}

.contact_form_col .row .col-sm-5 {
    background-color: #fff;
    padding: 10px 30px 40px 30px;
    box-shadow: 0px 1px 8px 4px #999
}



.contact_form_col form input,
.contact_form_col form textarea {
   color: #000;
    /*text-transform: capitalize;*/
    resize: none;
    border: 1px solid #000;
    border-radius: 0px;
    font-size: 13px;
}

.contact_form_col form textarea {
    width: 100%;
    height: 132px;
    resize: none;
    padding: 6px 12px;
}

.contact_form_col form button {
        border-style: none;
    background-color: #6da92c;
    font-size: 16px;
    color: #ffffff;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 0;
    margin-top: 30px;
    transition: all 0.3s linear;
}

.contact_form_col form .form-group {
    margin-bottom: 30px;
}

#contact_map {
    position: relative;
    margin-bottom: 60px;
    text-align: center;
}

.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.map_part {
    width: 100%;
    min-height: 358px;
    border: 0;
    display: block;
}

#contact_map i.fa-map-marker {
    font-size: 50px;
    color: #ffca36;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}


/* === contact page start === */

#home-slider {
    height: 500px;
    padding-bottom: 0 !important;
    position: relative;
}

.pogoSlider {
    height: 100%;
    padding-bottom: 0 !important;
}

.pogoSlider-slide:after {
    /*background: #000;*/
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: -1;
}

.slide-2 h4 {
    margin: auto;
}

.slide-2 .s-button {
    margin: 0 5px;
}

.slide-table,
.bb-table {
    display: table;
    height: 100%;
    width: 100%;
}

.slide-table-cell,
.bb-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.slider-content.pogoSlider-slide-element {
    color: #fff;
}

.slider-content h2 {
    font-size: 40px;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 900;
}

.slider-content h4 {
    padding-bottom: 50px;
    width: 50%;
    font-weight: 500;
}

.pogoSlider-dir-btn {
    border-color: rgba(71, 218, 140, .5);
}

.pogoSlider-dir-btn:hover {
    border-color: rgba(71, 218, 140, 1);
}

.pogoSlider-nav-btn {
    background: rgba(71, 218, 140, .6);
    border-radius: 0;
    height: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.pogoSlider-nav-btn--selected {
    background: rgba(71, 218, 140, 1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.pogoSlider--navBottom .pogoSlider-nav {
    bottom: 40px;
}

.pogoSlider-progressBar {
    background: #6da92c57
}

.pogoSlider-progressBar-duration {
    background: #6da92c;
}

#video_part {
    background: url(../images/vdo-img.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    height: 300px;
    line-height: 300px;
    margin-top: 50px;
}

#video_part:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
}

#video_part i {
    position: relative;
    z-index: 2;
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    text-align: center;
    background-color: #ff3d3d;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 50%;
}

#video_part i:hover {
    color: #f1f1f1;
}

.video_modal {
    height: 80vh;
}

.video_modal iframe {
    height: 100%;
    width: 100%;
    border: 0;
}

/* === start of Error page css ==== */

#error_sec {
    background: #d6f2e7;
    background-size: cover;
    position: relative;
    height: 1025px;
}

.err_img img {
    display: inline-block
}

.ring_shape {
    height: 51px;
    width: 17px;
    background-color: #e6b900;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: 48%;
}

.error_txt {
    position: absolute;
    top: 45%;
    left: calc(50% - 55px);
    transform: translateX(-50%);
}

.error_txt h1 {
    font-size: 200px;
    color: #353535;
    line-height: 200px;
    margin-bottom: 0;
}

.error_txt h3 {
    font-size: 40px;
    color: #353535;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 35px;
}

.error_txt a {
    padding: 16px;
    display: inline-block;
    background-color: #ffca36;
    color: #353535;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    border: 4px solid transparent;
    transition: all 0.3s ease;
}

.error_txt a:hover {
    background-color: transparent;
    border-color: #ffca36;
}

/* == coming soon page css == */

#comingsoon_sec {
    background: url(../images/coming_soon.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 80px 0
}

.comingsoon_logo img {
    display: inline-block
}

#comingsoon_sec .sec_title {
    padding-top: 80px;
}

#comingsoon_sec .sec_title h2 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500
}

#comingsoon_sec .sec_title h2 span {
    color: #ffca36;
}

#comingsoon_sec .sec_title p {
    color: #eee
}

.comingsoon_row {
    margin: 100px 0
}

.count_time {
    height: 170px;
    width: 170px;
    padding: 10px;
    margin: 0 auto;
    position: relative;
    transform: rotate(135deg)
}

.count_brdr {
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
}

.count_time:before {
    position: absolute;
    height: 100%;
    width: calc(100% + 40px);
    left: -19px;
    top: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    content: '';
    transition: all 0.5s ease-in-out;
}

.count_time:after {
    height: calc(100% + 40px);
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -19px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    content: '';
    transition: all 0.5s ease-in-out;
}

.count_txt {
    transform: rotate(-135deg) translateX(-11%) translateY(-22%);
}

.input_fld label {
    font-size: 20px;
    font-weight: 400;
    color: #fefefe;
    margin-bottom: 25px;
}

.input_fld input,
.input_fld span {
    border-radius: 0px;
}

.input_fld input:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(254, 192, 19, 0.69)
}

.input_fld span {
    background: #fec013;
    color: #353535;
    cursor: pointer;
    border-style: none;
    font-weight: 500;
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
}

.input_fld span:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.input_fld .input-group {
    width: 560px;
    margin: 0 auto;
}

.input_fld .input-group input {
    background-color: transparent;
    height: 56px;
    color: #f1f1f1;
    font-size: 14px;
}

.input_fld .input-group .input-group-addon {
    padding: 20px 40px;
}

.comingsoon_mda {
    margin-top: 50px;
}

.comingsoon_mda ul li a {
    display: block;
    text-align: center;
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: relative;
}

.comingsoon_mda ul li a i {
    color: #fff;
    font-size: 16px;
}

.comingsoon_mda ul li a:before {
    position: absolute;
    height: 100%;
    width: calc(100% + 15px);
    left: -8px;
    top: 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    content: '';
    transform: scale(0, 1);
    transition: all 0.5s ease-in-out;
}

.comingsoon_mda ul li a:after {
    height: calc(100% + 15px);
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -9px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    content: '';
    transform: scale(1, 0);
    transition: all 0.5s ease-in-out;
}

.comingsoon_mda ul li a:hover:before,
.comingsoon_mda ul li a:hover:after {
    transform: scale(1, 1);
}


/* ==== responsive css start ==== */

@media(min-width:767px) {
    .main_ul ul li .maindrop_menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(50%);
        transition: all 0.5s ease 0s;
        transform-origin: top;
        left: 0px;
        top: 100%;
        width: 270px;
        border-top: 4px solid #6da92c
		
    }

    .main_ul ul li:hover .maindrop_menu {
        display: block;
        visibility: visible;
        opacity: 1;
        transform: translateY(0%);
        background-color: #222222;
    }
}

@media(min-width:1005px) and (max-width:1024px) {
    .error_txt {
        top: 42%!important
    }
    .error_txt h3 {
        margin-bottom: 20px;
    }
    .error_txt a {
        padding: 10px 15px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .nav-tabs > li > a {
        padding: 15px!important;
    }
    .nav-tabs > li.active > a {
        padding-left: 0!important;
    }
    .nav-tabs > li {
        margin: 0!important;
    }
    .tab-content {
        padding: 5px 0 0 0
    }
    .tab-pane p:first-child {
        padding-bottom: 6px;
    }
    .about_tab .tab-pane p:first-child {
        padding-bottom: 8px;
    }
    .tab-pane p {
        padding-bottom: 20px;
    }
    .work_overlay {
        padding-top: 60px;
    }
    .slider_txt {
        margin-left: 8%;
    }
    .main_btn a {
        margin-right: 30px;
    }
    #portfoliopage_sec .work_overlay {
        padding-top: 30px;
    }
    .error_txt h3 {
        margin-bottom: 10px;
    }
    .error_txt a {
        padding: 8px 15px;
    }
    .blog_sidebar .widget_content .singlepost_details ul {
        margin-top: 35px;
    }
    .social_media li {
        padding: 0!important;
    }
    .footer_col ul li a span {
        font-size: 12px;
    }
    .singlepost_details h5 {
        font-size: 11px;
        font-weight: 700;
    }
    .singlepost_details ul li a span {
        font-size: 9px;
    }
    .singlepost_details p {
        font-size: 10px
    }
    .single_post_img img {
        width: 70px;
        height: 80px;
    }
    .singlepost_details ul {
        margin-top: 10px;
    }
    .slidr_icon a {
        height: 32px;
        width: 25px;
    }
    .slidr_icon a i {
        font-size: 30px;
    }
    .counter {
        text-align: center;
        height: 150px;
        width: 150px;
        padding: 6px;
        margin: 0 auto;
    }
    .count_time::before {
        width: calc(100% + 20px);
        left: -10px;
    }
    .count_time::after {
        height: calc(100% + 20px);
        bottom: -10px;
    }
    .counter h2 {
        padding-left: 0;
        font-size: 40px;
    }
    .count_txt {
        transform: rotate(-135deg) translateX(-5%) translateY(-14%);
    }
    .col_addrs span {
        font-size: 12px;
    }
    .scl_mda ul li {
        margin: 0;
    }
    .sort_select select {
        margin-right: 5px;
    }
    .sort_select span {
        font-size: 12px;
    }
    .pagination > li > a {
        padding: 6px 9px;
    }
    .singleblog_desc {
        width: 650px;
    }
    .main_btn a {
        margin-right: 20px;
    }
    .about_page_inner ul li span {
        font-size: 12px;
    }
    .about_page_inner ul {
        margin-left: 10px;
    }
    .about_page_inner ul li span {
        padding-left: 10px;
    }
    .blog_grid_row .blog_description,
    .slick-center .blog_description {
        padding: 10px;
    }
    .single_blog {
        margin-bottom: -120px;
    }
    .blog_description h4 {
        font-size: 16px;
    }
    .main_btn a {
        padding: 10px 15px;
    }
    .list-inline > li a span {
        font-size: 12px;
    }
    .blog_tab .nav-tabs > li > a {
        font-size: 16px;
    }
    .blog_sidebar .widget_content .single_post_img {
        margin-right: 10px;
    }
    .singlepost_details h5 {
        font-size: 13px;
    }
    .arrow_right {
        right: 30px!important;
    }
    .footer_col ul li span {
        font-size: 12px;
    }
    .error_txt {
        top: 40%;
        left: calc(50% - 50px);
    }
    .about_bg img {
        bottom: 0;
        right: -156px;
    }
    .aboutpage_bg img {
        right: -108px;
    }
    .about_page_inner p {
        padding: 8px 0
    }
}

@media(min-width:768px) and (max-width:991px) {
    .full_nav .nav > li > a {
        font-size: 15px;
    }
    .slider_txt {
        width: 80%
    }
    .slider_img {
        height: 450px;
    }
    .about_des {
        width: 100%;
        padding-left: 15px;
    }
    .work_overlay {
        padding-top: 35px;
    }
    .counter {
        text-align: center;
        height: 110px;
        width: 110px;
        padding: 6px;
    }
    .count_time::before {
        width: calc(100% + 10px);
        left: -5px;
    }
    .count_time::after {
        height: calc(100% + 10px);
        bottom: -5px;
    }
    .counter h2 {
        padding-left: 0;
        font-size: 26px;
    }
    .count_txt {
        transform: rotate(-135deg) translateX(-1%) translateY(3%);
    }
    .comingsoon_row {
        margin: 20px 0 50px 0
    }
    #comingsoon_sec .sec_title {
        padding-top: 20px;
    }
    #comingsoon_sec {
        padding: 20px 0;
    }
    .slider_txt {
        margin-left: 8%;
    }
    .blog_description,
    .slick-center .blog_description,
    .blog_grid_row .blog_description {
        padding: 10px;
    }
    .blog_description,
    .slick-center .blog_description {
        padding: 5px;
    }
    .blog_description h4 {
        font-size: 12px;
        font-weight: 600
    }
    .blog_description ul {
        text-align: left
    }
    .blog_description ul li:first-child {
        float: none
    }
    .blog_description ul li {
        padding-right: 0;
    }
    .blog_description ul li a span {
        font-size: 9px;
    }
    .blog_text p {
        font-size: 12px;
        padding: 5px 0;
        text-align: left;
    }
    .team_desc {
        height: 100px;
    }
    .slick-center .team_member .team_desc {
        height: 150px;
    }
    .team_img {
        height: 265px;
    }
    .slick-center .team_member .team_img {
        height: 235px;
    }
    .teamdesc_txt ul li {
        padding: 0;
    }
    .teamdesc_txt ul li a i {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .col_addrs span {
        font-size: 12px;
    }
    .scl_mda ul li {
        margin: 0 2px;
    }
    /* == blog-grid == */
    .pagination > li > a {
        padding: 8px;
    }
    .sort_select nav .col-sm-3 {
        padding-right: 0;
    }
    .sort_select select {
        margin-right: 10px;
        padding: 10px 6px;
    }
    .blog_tab .nav-tabs > li > a {
        font-size: 16px;
    }
    .singleblog_desc {
        width: 100%;
        padding: 40px 10px 20px 20px;
        top: 15%;
    }
    .blog_single_post {
        margin-bottom: 220px;
    }

    #bloglist_sec .blog_listbtn a {
        margin-right: 0;
    }
    .singleblog_desc p {
        padding: 15px 0;
    }
    .blog_sidebar .widget_content .single_post_img {
        margin-right: 10px;
    }
    .blog_sidebar .widget_content .singlepost_details ul {
        margin-top: 50px;
    }
    .singlepost_details ul li a span {
        font-size: 11px;
    }
    .full_nav .nav > li {
        margin: 0 8px;
    }
    .error_txt {
        top: 30%;
        left: calc(50% - 40px);
    }
    .footer_col ul li span {
        font-size: 12px;
    }
    .footer_menu h4 {
        margin-bottom: 30px;
    }
    .main_btn a {
        padding: 10px 15px;
    }
    .team_member {
        height: 400px;
    }
    .contact_form_col .row .col-sm-5 {
        padding: 10px 15px 40px 15px;
    }
    .blog_comments .media .media-left {
        padding-right: 20px;
    }
    .blg_dtls_content h4 span {
        font-size: 12px;
        padding-top: 5px;
        float: none;
        display: block
    }
    .error_txt h1 {
        font-size: 150px;
        line-height: 150px;
    }
    .error_txt h3 {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .error_txt a {
        padding: 8px 10px;
    }
    .ring_shape {
        height: 45px;
    }
}

@media(max-width:767px) {
    .hdrtop_row {
        text-align: center;
    }
    .scl_mda {
        text-align: center;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5f9426;
    }
    .navbar-default .navbar-toggle {
        border-color: #609526;
        margin-top: 21px;
        border-radius: 0px;
    }
    ul.sakeba li a {
        opacity: 1 !important;
    }
    .full_nav .nav.sakeba > li {
        visibility: visible;
    }
    .slider_txt {
        width: 100%;
    }
    .blog_text {
        text-align: left
    }
    .slider_txt h1 {
        font-size: 25px;
    }
    .main_btn a {
        font-size: 12px;
        padding: 10px;
        margin-left: 0;
        margin-right: 10px;
    }
    .full_nav .nav > li {
        text-align: center;
        padding: 0;
    }
    .full_nav .nav > li > a {
        display: inline-block
    }
    .navbar-header {
        position: relative;
    }
    .navbar-brand img {
        width: 90px;
        margin: 10px 0 10px 15px;
    }
    .navbar-collapse {
        margin-top: 20px;
    }
    .sec_title p {
        padding: 0
    }
    .counter h2 {
        font-size: 25px;
    }
    .counter p {
        font-size: 15px;
    }
    .work_img img {
        width: 100%
    }
    .brand_col {
        text-align: center;
    }
    .brand_col .brand {
        display: inline-block
    }
    .about_bg img {
        right: 0;
    }
    .about_des {
        width: 100%
    }
    .nav-tabs > li {
        margin: 0!important;
    }
    .nav-tabs > li > a {
        padding: 6px!important;
        font-size: 14px!important;
        margin: 0!important;
    }
    .wc_title,
    .hdrtop_row .midle {
        transform: skew(0, 0)
    }
    #header_top {
        height: auto;
    }
    #home-slider .slidr_icon,
    #blog_sec .slidr_icon {
        display: none
    }
    #home-slider {
        height: 350px;
    }
    #portfolio_sec,
    #about_sec,
    #blog_sec {
        padding: 0;
    }
    #about_sec {
        padding-top: 0px;
        padding-bottom: 80px
    }
    .about_tab .tab-pane p:first-child {
        padding-bottom: 15px;
    }
    .blog_description,
    .slick-center .blog_description {
        padding: 10px!important;
    }
    .blog_description h4 {
        font-size: 16px;
    }
    .blog_description ul li {
        padding-left: 0;
        padding-right: 0;
    }
    .about_bg {
        display: none;
    }
    .footer_text p {
        font-size: 15px;
    }
    .footer_col h4,
    .footer_menu h4 {
        margin: 10px 0 15px 0;
    }
    .testimonial_col {
        margin-top: 30px;
    }
    .counter {
        text-align: center;
    }
    .counter h2 {
        padding-left: 0;
    }
    .singlepost_details h5 {
        font-size: 15px;
        font-weight: 700
    }
    .singlepost_details p {
        font-size: 11px
    }
    .single_post_img {
        margin-right: 5px;
    }
    .sort_select select {
        margin-right: 0;
        padding: 5px;
    }
    .sort_select nav .col-sm-3 {
        padding-left: 0;
    }
    .pagination > li > a {
        padding: 7px;
    }
    .blog_grid .midle_col {
        margin: 10px 0;
    }
    #blog_gridsection {
        padding: 35px 0
    }
    .contact_desc p::before {
        width: 100%;
        height: 2px;
        top: 85%;
        right: 0
    }
    .navbar-brand img {
        margin-bottom: 20px;
    }
    .singleblog_desc {
        width: 100%;
        padding: 10px;
        top: 15%
    }
    .blg_dtls_content .media .media-left {
        padding-right: 15px;
    }
    .blg_dtls_content .media-left img {
        width: 50px !important;
    }
    .blg_dtls_content h4 span {
        float: left;
        font-size: 11px;
        font-weight: 300;
        line-height: 21px;
        margin: 3px 0;
    }
    .blg_dtls_content h4 span {
        display: block;
        float: none;
    }
    .blogdetails_form {
        margin-bottom: 10px;
    }
    .blog_grid_btn {
        margin-bottom: 50px;
    }
    .error_txt {
        left: 50%;
        top: 43%
    }
    .error_txt h1 {
        font-size: 130px;
    }
    .ring_shape {
        background-color: #e6b900;
        border-radius: 4px;
        position: absolute;
        top: 20px;
        left: 46%;
    }


    .err_img img {
        display: none
    }
    #error_sec {
        background: url(../images/404bg_img.jpg) center center no-repeat;
        background-size: cover;
        background-position: 46.6% center;
        padding: 0;
    }
    .input_fld .input-group {
        width: 100%
    }
    .input_fld .input-group .input-group-addon {
        padding: 10px 10px
    }
    .input_fld .input-group input {
        height: 45px;
    }
    .comingsoon_row {
        margin: 30px 0 0 0;
    }
    #comingsoon_sec .sec_title {
        padding-top: 20px;
    }
    #comingsoon_sec {
        padding: 20px 0;
    }
    .comingsoon_row .col-xs-6 {
        margin-bottom: 20px;
    }
    .counter {
        text-align: center;
        padding: 6px;
    }
    .count_time {
        text-align: center;
        height: 85px;
        width: 85px;
        padding: 6px;
        margin-bottom: 50px;
        margin: 0 auto 40px auto;
    }
    .count_time::before {
        width: calc(100% + 20px);
        left: -9px;
    }
    .count_time::after {
        height: calc(100% + 20px);
        bottom: -9px;
    }
    .counter h2 {
        padding-left: 0;
        font-size: 22px;
        margin: 0;
    }
    .contact_form_col {
        background: #fff;
    }
    .contact_form_col .row .col-sm-5 {
        box-shadow: 0px 1px 20px 0px #999;
    }
    #error_sec {
        margin: 0 0 30px 0;
    }
    .work_overlay {
        padding-top: 50px;
    }
    .singleblog_desc {
        padding-top: 40px;
    }
    .singleblog_desc p {
        padding: 5px 0
    }
    .dropdown-menu.maindrop_menu {
        text-align: center
    }


    #page_breadcrumb {
        height: 230px;
    }
    .breadcrumb_menu {
        padding-top: 55px;
    }
    #about_page_aboutus {
        padding: 55px 0 50px 0
    }
    .about_page_inner h3,
    .breadcrumb_menu h3 {
        font-size: 30px;
    }
    #about_page_misson {
        padding: 0
    }
    .sec_title h2 {
        font-size: 28px;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .slider_txt {
        width: 80%;
    }
    .nav-tabs > li > a {
        padding: 6px 20%!important;
    }
    .nav-tabs > li:first-child > a {
        padding-left: 0!important;
    }
    .footer_col ul li {
        padding: 0;
        margin: 10px 0;
    }
    .footer_col ul li a span {
        font-size: 13px;
    }
    #footer_info .col-sm-6 {
        width: 50%;
        height: 290px;
        overflow: hidden;
        float: left;
    }
    .blog_grid_row .col-sm-6 {
        width: 50%;
        float: left
    }
    .footer_col p {
        padding: 5px 0;
    }
    .singlepost_details h5 {
        font-size: 10px;
    }
    .main_btn a {
        padding: 10px 20px
    }
    .testimonial_bg {
        height: 305px;
    }
    #portfoliopage_sec .col-sm-4 {
        width: 33.3%;
        float: left
    }
    .team_img {
        height: 350px;
    }
    .blog_grid .col-sm-2 {
        width: 20%;
        float: left
    }
    .blog_grid .col-sm-5 {
        width: 40%;
        float: left
    }
    .slick-center .team_member .team_img {
        height: 315px;
    }
    .footer_col ul.social_media li a {
        height: 30px;
        width: 30px;
    }
    .footer_col ul.social_media li a i {
        line-height: 30px;
        font-size: 16px;
    }
}

@media(min-width:650px) and (max-width:767px) {
    .error_txt {
        top: 45%;
    }
    .error_txt h1 {
        font-size: 200px;
    }
    .ring_shape {
        top: 0px;
    }
    .blog_description h4 {
        font-size: 12px;
    }
    .blog_description ul li a {
        font-size: 10px;
    }
    .blog_text p {
        padding: 5px 0
    }
    .teamdesc_txt ul li {
        padding: 0
    }
    .singleblog_desc {
        top: 55%
    }
    .bloglist_row .col-sm-7,
    .bloglist_row .col-sm-5 {
        width: 50%;
        float: left
    }
    .blog_sidebar {
        margin-top: 0;
    }
    .blog_single_post {
        height: auto;
        margin-bottom: 300px;
    }
}

@media(max-width:360px) {
    #aboutus_team_sec .slidr_icon {
        display: none
    }
    .blog_single_post {
        height: 325px;
    }
    .singleblog_desc ul li a span {
        font-size: 11px;
    }

}

@media(min-width:361px) and (max-width:479px) {
    .work_overlay h4 {
        margin-top: 120px;
    }

}
.bg{
	background: green;
    padding: 10px 15px;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
}

#r1
{
	margin-top:0px;
	margin-left:40px;
}
#r2
{
	margin-top:0px;
	margin-left:80px;
}
#r3
{
	border-bottom: 1px solid black;
    padding-bottom: 7px;
}
.rr
{
	border-bottom: 1px solid black;
    padding-bottom: 7px;
}