#header .header-logo img {
   width:65px;
   height:65px;
}
@media (max-width: 991px) {
    #header .header-logo img {
        width: 47px;
        height: 47px;
    }
	.titlehieght
	{
		min-height:auto;
	}
}
@media (min-width: 991px) {
    .thumb-info-wrapper img {
        height: 214px;
    }

    .card-img-top img {
        height: 367px;
    }
	.titlehieght
	{
		min-height:140px;
	}
}

.xfloat {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
  left:0px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
   
    z-index: 100;
}

@media (max-width: 991px) {
.xfloat {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 10px;
    left: 0px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
  
    z-index: 100;
}
}





.my-float {
    margin-top: 16px;
}















.xfloat2 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 60px;
  right:0px;
    background-color: #133d65;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
  
    z-index: 100;
}

@media (max-width: 991px) {
.xfloat2 {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 10px;
    right: 0px;
    background-color: #133d65;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
   
    z-index: 100;
}
}





.my-float2 {
    margin-top: 16px;
}



.my-float {
    margin-top: 16px;
}


.team .thumb-info:hover .thumb-info-caption {
    background: #008fe2;
}

    .team .thumb-info:hover .thumb-info-caption span, .team .thumb-info:hover .thumb-info-caption i {
        color: var(--light) !important;
    }

.team .thumb-info .thumb-info-caption {
    position: relative;
    padding: 10px 0;
    display: block;
    background: var(--light);
    transition: all 0.3s ease;
}

    .team .thumb-info .thumb-info-caption .custom-thumb-info-title span {
        display: block;
    }

        .team .thumb-info .thumb-info-caption .custom-thumb-info-title span:nth-child(1) {
            color: #8e8e8e;
        }

        .team .thumb-info .thumb-info-caption .custom-thumb-info-title span:nth-child(2) {
            color: #28292d;
        }

    .team .thumb-info .thumb-info-caption .custom-thumb-info-title i {
        position: absolute;
        top: 50%;
        right: 20px;
        font-size: 1.9em !important;
        color: #28292d;
        transform: translateY(-50%);
    }

.team .owl-carousel.nav-bottom .owl-nav {
    position: absolute;
    top: -60px;
    right: 10px;
}

    .team .owl-carousel.nav-bottom .owl-nav button.owl-prev, .team .owl-carousel.nav-bottom .owl-nav button.owl-next {
        border: none !important;
        font-size: 2em;
        padding: 0;
        width: auto;
        height: auto;
    }

        .team .owl-carousel.nav-bottom .owl-nav button.owl-prev:active, .team .owl-carousel.nav-bottom .owl-nav button.owl-next:active {
            background-color: none;
            border-color: transparent;
        }

    .team .owl-carousel.nav-bottom .owl-nav button.owl-prev {
        color: #0092e3;
    }

        .team .owl-carousel.nav-bottom .owl-nav button.owl-prev::before {
            font-family: simple-line-icons;
            content: "\e07a";
            font-size: 28.8px;
            font-size: 1.8rem;
        }

    .team .owl-carousel.nav-bottom .owl-nav button.owl-next {
        color: #2d529f;
    }

        .team .owl-carousel.nav-bottom .owl-nav button.owl-next::before {
            font-family: simple-line-icons;
            content: "\e079";
            font-size: 28.8px;
            font-size: 1.8rem;
        }



/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #0b5637;
	--primary-100: #083f29;
	--primary-200: #073421;
	--primary-300: #05291a;
	--primary--100: #0e6d45;
	--primary--200: #0f784d;
	--primary--300: #118354;
	--primary-rgba-0: rgba(11, 86, 55, 0);
	--primary-rgba-10: rgba(11, 86, 55, 0.1);
	--primary-rgba-20: rgba(11, 86, 55, 0.2);
	--primary-rgba-30: rgba(11, 86, 55, 0.3);
	--primary-rgba-40: rgba(11, 86, 55, 0.4);
	--primary-rgba-50: rgba(11, 86, 55, 0.5);
	--primary-rgba-60: rgba(11, 86, 55, 0.6);
	--primary-rgba-70: rgba(11, 86, 55, 0.7);
	--primary-rgba-80: rgba(11, 86, 55, 0.8);
	--primary-rgba-90: rgba(11, 86, 55, 0.9);
	--secondary: #e36159;
	--secondary-100: #df4c43;
	--secondary-200: #dd4238;
	--secondary-300: #dc372d;
	--secondary--100: #e7766f;
	--secondary--200: #e9807a;
	--secondary--300: #ea8b85;
	--secondary-rgba-0: rgba(227, 97, 89, 0);
	--secondary-rgba-10: rgba(227, 97, 89, 0.1);
	--secondary-rgba-20: rgba(227, 97, 89, 0.2);
	--secondary-rgba-30: rgba(227, 97, 89, 0.3);
	--secondary-rgba-40: rgba(227, 97, 89, 0.4);
	--secondary-rgba-50: rgba(227, 97, 89, 0.5);
	--secondary-rgba-60: rgba(227, 97, 89, 0.6);
	--secondary-rgba-70: rgba(227, 97, 89, 0.7);
	--secondary-rgba-80: rgba(227, 97, 89, 0.8);
	--secondary-rgba-90: rgba(227, 97, 89, 0.9);
	--tertiary: #2baab1;
	--tertiary-100: #26969c;
	--tertiary-200: #248c92;
	--tertiary-300: #218388;
	--tertiary--100: #30bec6;
	--tertiary--200: #34c6ce;
	--tertiary--300: #3fc9d0;
	--tertiary-rgba-0: rgba(43, 170, 177, 0);
	--tertiary-rgba-10: rgba(43, 170, 177, 0.1);
	--tertiary-rgba-20: rgba(43, 170, 177, 0.2);
	--tertiary-rgba-30: rgba(43, 170, 177, 0.3);
	--tertiary-rgba-40: rgba(43, 170, 177, 0.4);
	--tertiary-rgba-50: rgba(43, 170, 177, 0.5);
	--tertiary-rgba-60: rgba(43, 170, 177, 0.6);
	--tertiary-rgba-70: rgba(43, 170, 177, 0.7);
	--tertiary-rgba-80: rgba(43, 170, 177, 0.8);
	--tertiary-rgba-90: rgba(43, 170, 177, 0.9);
	--quaternary: #383f48;
	--quaternary-100: #2d323a;
	--quaternary-200: #272c32;
	--quaternary-300: #22262b;
	--quaternary--100: #434c56;
	--quaternary--200: #49525e;
	--quaternary--300: #4e5865;
	--quaternary-rgba-0: rgba(56, 63, 72, 0);
	--quaternary-rgba-10: rgba(56, 63, 72, 0.1);
	--quaternary-rgba-20: rgba(56, 63, 72, 0.2);
	--quaternary-rgba-30: rgba(56, 63, 72, 0.3);
	--quaternary-rgba-40: rgba(56, 63, 72, 0.4);
	--quaternary-rgba-50: rgba(56, 63, 72, 0.5);
	--quaternary-rgba-60: rgba(56, 63, 72, 0.6);
	--quaternary-rgba-70: rgba(56, 63, 72, 0.7);
	--quaternary-rgba-80: rgba(56, 63, 72, 0.8);
	--quaternary-rgba-90: rgba(56, 63, 72, 0.9);
	--dark: #212529;
	--dark-100: #16181b;
	--dark-200: #101214;
	--dark-300: #0a0c0d;
	--dark--100: #2c3237;
	--dark--200: #32383e;
	--dark--300: #383f45;
	--dark-rgba-0: rgba(33, 37, 41, 0);
	--dark-rgba-10: rgba(33, 37, 41, 0.1);
	--dark-rgba-20: rgba(33, 37, 41, 0.2);
	--dark-rgba-30: rgba(33, 37, 41, 0.3);
	--dark-rgba-40: rgba(33, 37, 41, 0.4);
	--dark-rgba-50: rgba(33, 37, 41, 0.5);
	--dark-rgba-60: rgba(33, 37, 41, 0.6);
	--dark-rgba-70: rgba(33, 37, 41, 0.7);
	--dark-rgba-80: rgba(33, 37, 41, 0.8);
	--dark-rgba-90: rgba(33, 37, 41, 0.9);
	--light: #FFF;
	--light-100: #f2f2f2;
	--light-200: #ececec;
	--light-300: #e6e6e6;
	--light--100: #ffffff;
	--light--200: #ffffff;
	--light--300: #ffffff;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}





/* Custom Grid */
.custom-grid-1 {
		margin-top: -70px;
		position: relative;
}

.custom-grid-1 .container {
		margin: 0 auto;
}

.custom-grid-1 .container .row {
		margin: 0;
}

.custom-grid-1 .container .row > * {
		padding: 0;
		background-color: var(--light);
		min-height: 220px;
		align-items: center;
		overflow: hidden;
}

@media (max-width: 991px) {
		.custom-grid-1 .container .row > * {
				border: 1px solid var(--grey-100);
		}
}

@media (min-width: 992px) {
		.custom-grid-1 .container .row > *:nth-child(1),
		.custom-grid-1 .container .row > *:nth-child(3),
		.custom-grid-1 .container .row > *:nth-child(6),
		.custom-grid-1 .container .row > *:nth-child(8) {
				background-color: var(--grey-100);
		}
}

.custom-grid-1 .custom-grid-1-item {
		position: relative;
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img {
		transition: opacity 300ms;
		opacity: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img img {
		transition: transform 2s;
		will-change: transform;
		transform: scale(0.75);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-img:after {
		content: "";
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		opacity: 0.7;
		background-color: var(--quaternary);
}

.custom-grid-1 .custom-grid-1-item .custom-grid-1-text {
		position: relative;
		z-index: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img {
		opacity: 1;
}

.custom-grid-1 .custom-grid-1-item:hover .custom-grid-1-img img {
		transform: scale(1);
}

.custom-grid-1 .custom-grid-1-item:hover h3 {
		color: var(--light) !important;
}
.body {
		max-width: 100vw;
		overflow-x: hidden;
}

/* Container */
@media (min-width: 1440px) {
		.container {
				max-width: 1440px !important;
		}
}

/* Custom Border Radius */
.custom-border-radius-1 {
		border-radius: 100px 100px 100px 100px;
}

.custom-border-radius-2 {
		border-radius: 100px 0 0 0;
}

.custom-border-radius-3 {
		border-radius: 100px 100px 100px 0;
}

.custom-border-radius-4 {
		border-radius: 200px 10px 10px 10px;
}

.custom-border-radius-5 {
		border-radius: 0 0 100px 0;
}
.custom-stroke-text-effect-1 {
		-webkit-text-fill-color: var(--light);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #e7eeeb;
		white-space: nowrap;
}

.custom-big-font-size-1 {
		font-size: 107.2px;
		font-size: 5.2rem;
}


/* ===================================
    Portfolio Section
====================================== */
.portfolio-sec .container {
    max-width: 1140px;
}

.cbp-item-off {
    display: none!important;
}

.portfolio-sec .portfolio-heading{
    color: #202020;
    margin-bottom:0;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.portfolio-sec .cbp-wrapper-outer {
    overflow: visible;
}

.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-link,
.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-button-link {
    padding: 12px 32px;
}

.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-link,
.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-button-link,
.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-link:focus,
.portfolio-sec .cbp-l-loadMore-button .cbp-l-loadMore-button-link:focus{
    color: #fff;
}

.portfolio-sec .cbp-l-filters-button .cbp-filter-item {
    background: transparent;
    padding: 0;
    margin: 0;
    margin-right: 25px;
    border: none;
    font-size: 12px;
    font-weight: normal;
    color: #202020;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    border-bottom: solid 2px transparent ;
}

.portfolio-sec .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    color: #4a6a12;
    background: transparent;
    border-bottom: solid 3px #4a6a12;
}

.portfolio-sec .cbp-l-filters-button .cbp-filter-item,
.portfolio-sec .cbp-item.even{
    -webkit-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
}

.portfolio-sec .cbp-item.even {
    margin-top: -190px;
}

.portfolio-sec .cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background: rgba(74, 106, 18, 0.7);
}

.portfolio-sec .cbp-l-filters-button .cbp-filter-item:hover {
    color: #000000;
    border-color: #4a6a12;
}

.portfolio-sec .cbp-l-caption-title {
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

.portfolio-sec .portfolio-detail-text {
    color: #FFFFFF;
    font-style: italic;
}

.portfolio-sec .portfolio-hover-effect .hover-text{
    padding-left: 3%;
    padding-bottom: 2%;
}

.portfolio-sec .portfolio-hover-effect .portfolio-inner-content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.portfolio-sec .portfolio-hover-effect .portfolio-inner-content span{
    background-color: #FFFFFF;
    height: 3px;
    width: 70px;
    display: block;
}

.portfolio-sec .portfolio-hover-effect .portfolio-inner-content span:nth-child(2){
    transform: rotate(90deg);
}

.portfolio-sec .portfolio-hover-effect .hover-text .p-hover-title{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 0;
}

.portfolio-sec .portfolio-hover-effect .hover-text .p-hover-des{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}

.portfolio-sec #js-loadMore-lightbox-gallery {
    margin-top: 45px;
}

.portfolio-sec #js-loadMore-lightbox-gallery.active {
    margin-top: -150px;
    position: relative;
}

.portfolio-sec #js-loadMore-lightbox-gallery.active-outer {
    margin-top: -250px;
}

.portfolio-sec .cbp-caption-active .cbp-caption-activeWrap {
    width: 94%;
    position: absolute;
    z-index: 2;
    height: 94%;
}

.portfolio-sec .cbp-caption-active .cbp-caption-activeWrap:hover .text-data{
    z-index: -1 !important;
}

.portfolio-sec .cbp-caption-zoom .cbp-caption-activeWrap {
    opacity: 0;
    top: 3%;
    left: 3%;
}

.portfolio-sec .portfolio-foot-detail{
    padding-bottom: 3%;
}

.portfolio-sec .portfolio-foot-detail .p-text{
    color: #202020;
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 8px;
    font-family: 'Roboto', sans-serif;
}

.portfolio-sec .portfolio-foot-detail .p-text:last-child{
    margin-bottom: 0;
}

.portfolio-sec .portfolio-foot-detail .p-num{
    font-size: 72px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
