/*
Theme Name: AG Contractors
Theme URI:
Author: Jose Salas
Author URL: https://buenavista.design/
Version: 1.0
Description: Plantilla personalizada para AG Contractors
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: theme-private
Text Domain: AG Contractors
Domain Path: /languages/
*/


@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 200; src:url(fonts/Onest-ExtraLight.ttf)}
@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 300; src:url(fonts/Onest-Light.ttf)}
@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 400; src:url(fonts/Onest-Regular.ttf)}
@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 500; src:url(fonts/Onest-Medium.ttf)}
@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 600; src:url(fonts/Onest-SemiBold.ttf)}
@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 700; src:url(fonts/Onest-Bold.ttf)}
@font-face {font-family:'Onest'; font-style:normal; font-display: swap; font-weight: 800; src:url(fonts/Onest-ExtraBold.ttf)}



@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-102%);
    }
}

@keyframes rotateComplete {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeout{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		display: none;
	}
}

@keyframes flipInx{
	0%{
		transform: perspective(40rem) rotateX(-90deg);
		opacity: 0;
	}
	100%{
		opacity: 1;
		transform: perspective(40rem) rotateX(0deg);

	}
}

@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;


	}
}

@keyframes expandir {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.2);
    }
}

@keyframes clickme{
	0%{
		transform: scale(0.8);
	}
	100%{
		transform: scale(1.2);


	}
}

@keyframes card_left{
	0%{
		opacity: 0;
		transform: rotate(-18deg) translate(-40%);

	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;


	}
}

@keyframes card_right{
	0%{
		opacity: 0;
		transform: rotate(18deg) translate(40%);

	}
	100%{
		transform: rotate(0deg) translate(0%);
		opacity: 1;


	}
}

@keyframes card_center{
	0%{
		opacity: 0;
		transform: translateY(50%);

	}
	100%{
		transform: translateY(0%);
		opacity: 1;


	}
}

@keyframes bg_text{
	0%{
		background-position: 101% 100%;

	}
	100%{
		background-position: 0% 100%;

	}
}

@keyframes entry_left{
	0%{
		opacity: 0;
		transform: translateX(-100%);

	}
	100%{
		opacity: 1;
		transform: translateX(0%);

	}
}

@keyframes entry_right{
	0%{
		opacity: 0;
		transform: translateX(100%);

	}
	100%{
		opacity: 1;
		transform: translateX(0%);

	}
}

@keyframes message{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	50%{
		opacity: 1;
		transform: scale(1.2);
	}
	75%{
		opacity: 1;
		transform: scale(0.8);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes button_arrow{
	0%{
		transform: translateX(-10px) translateY(10px) scale(0);
	}
	50%{
		transform:  translateX(-5px) translateY(5px) scale(0.5);
	}
	100%{
		transform:  translateX(0px) translateY(0px) scale(1);
	}
}

@keyframes linkDecoration{
	0%{
		background-size: 0% 1px;
	}
	100%{
		background-size: 100% 1px;
	}
	
}

@keyframes color-change-2x{0%{background:#E5EC42}50%{background:#F1A884}100%{background: #32ade6;}}



@media screen and (min-width:0px){
	:root{
		--main-color-primary:#2b5f9f;
		--main-color-secundary:#00b2ff;
		--main-color-yellow:#FFB400;
		--main-color-yellow2:#FFDA00;

		--video-ratio: calc(16 / 9);
		--video-container-max-width: 640px;
		--video-container-x-padding-sum: 2rem;


		--paragraph-font-size:1.6rem;
		--paragraph-line-height:3.15rem;
		/* --paragraph-text-align:center; */
		--paragraph-color:#151515;
		--paragraph-letter-spacing: 0.32px;
		--paragraph-font-style: normal;
		--paragraph-font-weight: 400;
		--paragraph-font-family: 'Manrope',sans-serif;

		--title-font-size:4rem;
		--title-line-height:6.4rem;
		--title-letter-spacing: 0.4px;

		--font-paragraph:
			var(--paragraph-font-style)
			var(--paragraph-font-weight)
			var(--paragraph-font-size)
			var(--paragraph-line-height)
			var(--paragraph-font-family);
	}



	::selection{background:rgba(0, 0, 0, 0.3);}

	/*=============== GENERAL ===============*/
	.wcbtn.btn-blue{background:var(--main-color-secundary);}
	.wcbtn.btn-red{background:#FF0000;}
	.wcbtn.btn-grey{background:rgba(0, 0, 0, 0.5);}
	.flex-column-center{display: flex; flex-direction: column; align-items: center; justify-content: center;}
	table{display:block; min-width:100%; width:100%; margin:2rem 0; border-radius:1rem; overflow-x:auto;}
	table thead tr th{background:rgba(0, 0, 0, 0.15); padding:1rem 1.5rem; text-transform:uppercase; font-weight:bold;}
	table tbody tr td{padding:0.5rem 1.5rem;}
	table tbody tr:nth-child(odd) td{background:rgba(0, 0, 0, 0.015);}
	table tbody tr:nth-child(even) td{background:rgba(0, 0, 0, 0.03);}
    table tbody tr:hover td{background:rgba(0, 0, 0, 0.09);}
    table tbody tr td{color:rgba(0, 0, 0, 0.5);}
	.pro-paragraph-inner p{font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; letter-spacing:inherit;}
	.loading::after{display:none !important; width:0; height:0;}
	.tpgb-plus-button a{transition:all .3s;}
	#main__wrapper article{overflow-x: hidden;}
	#main__wrapper .slick-track,
	#main__wrapper .splide__list{transition:unset;}
	#main__wrapper .slick-list{width: 100%; order: 1;}
	#main__wrapper .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;}
	#main__wrapper .slick-track{display: flex;}
	#main__wrapper .tpgb-plus-button a > span{display: flex; align-items: center;}
	#main__wrapper .tpgb-plus-button a > span img{padding-top: .1rem;}
	#main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:160rem;}
	#main__wrapper .tpgb-section > .tpgb-section-wrap.tpgb-container-fluid{width:100%; max-width:100%;}
	#main__wrapper .tpgb-creative-img-wrap{line-height:0;}
	#main__wrapper .yoast-breadcrumbs span{display: flex; align-items: center; text-wrap: wrap;}
	#main__wrapper .yoast-breadcrumbs span a{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #38393F;}
	#main__wrapper .yoast-breadcrumbs span.breadcrumb_last{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #38393F;}

	/*========== WHATSAPP ==========*/
	#container__whatsapp {box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); border-radius: 100rem;}
	#container__whatsapp *{margin:0; padding:0;}
	#container__whatsapp .texto{display:block;}

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:7rem; z-index: 9999;}
	#scrollto__top a#scrolltop__btn{width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; border: .1rem solid #FFFFFF; background: #000000;}
	#scrollto__top a#scrolltop__btn:hover{background: #000000;}
	#scrollto__top a#scrolltop__btn path{fill: #FFF;}

	/*=============== TEXTOS GLOBALES ===============*/


	/*========== GLOBAL STYLES ==========*/
  	.wp-block-outermost-icon-block .icon-container{width: fit-content !important;}
  	.wp-block-outermost-icon-block .icon-container svg{width: auto; height: auto;}
	.fixed{position: fixed; top: 0;}
	.absolute-end{position: absolute; bottom: 0; top: auto;}

	/*========== ANIMATIONS ==========*/
	.fade-in{opacity: 0; transition: opacity 0.5s;}
	.fade-in.active-animation{animation-name: fadein; animation-duration: 1s; animation-fill-mode: forwards;}

	.rotateComplete{transform: rotate(0deg);}
	.rotateComplete.active-animation{animation: rotateComplete infinite 10s linear;}

	.card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-40%); transition: opacity 0.5s, transform 0.5s;}
	.card_left-animation.active-animation{animation-name: card_left; animation-duration: 1s; animation-fill-mode: forwards;}
	.card_right-animation{opacity: 0; transform: rotate(18deg) translate(40%); transition: opacity 0.5s, transform 0.5s;}
	.card_right-animation.active-animation{animation-name: card_right; animation-duration: 1s; animation-fill-mode: forwards;}
	.card_center-animation{opacity: 0; transform: translateY(50%); transition: opacity 0.5s, transform 0.5s;}
	.card_center-animation.active-animation{animation-name: card_center; animation-duration: 1s; animation-fill-mode: forwards;}

	.entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;}
	.entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;}
	.entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	.entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;}

	.message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;}
	.message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;}

	.scroll-down{ animation: expandir 1.5s infinite alternate ease;}

	/*========== OFFCANVAS ==========*/
	/* #offcanvas{width: min(84.6%, 132rem); height: fit-content; display: flex; flex-direction: column; justify-content: space-between; margin: 3.2rem 0rem 0rem; position:fixed; top:0%; left: 200%; z-index: 999999999; transform: translateX(-50%); transition: margin .4s ease;  overflow:auto;} */
	#offcanvas{display: flex; flex-direction: column; justify-content: space-between; background:#000000; position:fixed; width:100vw; height:100%; right:-200%; top:0; z-index:999999999; transition:all .4s ease; overflow:auto;}
	#offcanvas.active{right: 0%;}
	#offcanvas *{color:#FFFFFF; transition: all .5s;}
	#offcanvas .content-close{display:flex; position:absolute; top: 1.6rem; right: 3rem;}
	#offcanvas .content-close a{width: 3.6rem; height: 3.6rem; display:flex; justify-content: center; align-items: center; border-radius: .3rem; background: #FFFFFF;}
	#offcanvas #nav__offcanvas{display: flex; flex-direction: column;}
	#offcanvas #nav__offcanvas .content-logo{border-bottom: .1rem solid #FFFFFF; padding: 2rem;}
	#offcanvas #nav__offcanvas > ul.menu{display:flex; flex-direction: column; padding: 3rem 2rem; border-radius: 1.2rem; list-style: none;  opacity: 0; transition: opacity 0.6s ease;}
	#offcanvas.active #nav__offcanvas > ul.menu{opacity: 1;}
	#offcanvas #nav__offcanvas > ul.menu > li > a{width: fit-content; justify-content: space-between; display:flex; align-items:center; padding: .4rem .8rem; font-family: "Onest", sans-serif; font-size: 1.5rem; font-weight: 300; line-height: 2.5rem; color: #FFFFFF;}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a span{font-size: 2rem; color: #FFFFFF; transform: rotate(0); transition: all .5s ease;}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a.active span{transform: rotate(180deg);}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu{width: 100%; list-style: none;}
	#offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu li a{display: flex; padding: .4rem .8rem; font-family: "Raleway", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: rgb(19, 19, 19);}


	/*========== HEADER ==========*/
	#header.hiden{padding: 1rem 1rem 2rem; opacity: 0; visibility: hidden;}
	#header.activeup{opacity: 1; visibility: visible;}
	#header.fixed{margin: 0rem; padding: 2rem 0rem; background: #000000;}
	#header{width: 100%; padding: 1.9rem 0rem; position: fixed; top: 0rem; transition: all .4s ease; z-index: 99999; background: transparent;}
	#header .container__row{width: 89%; max-width: 100%; display:flex; align-items:center; margin: 0rem auto; justify-content:space-between; }
	#header .container__row #nav__header{width: 100%; display: grid; grid-template-columns: 1fr auto; align-items: center; }
	#header .container__row #nav__header .header_right #widget__info{display: none;}
	#header .container__row #nav__header ul.menu{display: none;}
	#header .container__row #nav__header ul.menu li.btn-contact{display: none;}
	#header .container__row #nav__header #container__logo,
	#header .container__row #nav__header #container__logo a,
	#header .container__row #nav__header #list__icons-header a{display: flex;}
	#header .container__row #nav__header #list__icons-header{display: flex; justify-content: flex-end; list-style: none;}
	#header .container__row #nav__header #list__icons-header a{width: 3.2rem; height: 3.2rem; justify-content: center; align-items: center;}
	#header .container__row #nav__header #container__logo a img{width: 100%; max-width: 18.5rem;}

	/*========== HOME ==========*/
	#hero_home{position: relative; overflow: hidden;}
	#hero_home::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0%; left: 0%; background: rgb(0, 0, 0, 40%);}
	#hero_home video{width: 100%; height: 100%; min-height: 100vh; object-fit: cover;}
	#hero_home .tpgb-heading-title{width: 100%; max-width: 31.2rem; position: absolute; bottom: 3rem; left: 2rem; z-index: 2;}
	#hero_home .tpgb-heading-title strong{font-weight: 700;}

	#about_home .tpgb-cont-in{display: grid; grid-template-columns: 1fr; row-gap: 3rem;}
	#about_home .tpgb-cont-in .tpgb-container-col{width: 100%;}
	#about_home .tpgb-cont-in .tpgb-container-col .tpgb-pro-paragraph a{position: relative; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 100% 1px;}
	#about_home .tpgb-cont-in .tpgb-container-col .tpgb-pro-paragraph a:hover{animation: linkDecoration 0.3s ease-in-out;}

	.projects_list{display: flex !important; flex-wrap: wrap;}
	.projects_list .arrows_dots-container{width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; column-gap: 1rem; margin-top: 2.5rem; order: 1;}
	.projects_list .arrows_dots-container .arrows_container{display: flex; column-gap: 1rem;}
	.projects_list .arrows_dots-container .arrows_container .slick-arrow{width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #000000; border-radius: 100%; background: #FFFFFF;}
	.projects_list .arrows_dots-container .slick-dots{display: flex; justify-content: flex-start !important; align-items: center; column-gap: 1rem;}
	.projects_list .arrows_dots-container .slick-dots li button{width: 1.2rem; height: 1.2rem; padding: 0rem; border-radius: 50rem; background: #1b1b1b;}
	.projects_list .arrows_dots-container .slick-dots li.slick-active button{width: 3rem; background: #1b1b1b;}
	.projects_list .projects_item{margin-right: 1.6rem;}
	.projects_list .projects_item > div{display: flex; flex-direction: column; row-gap: 1.8rem;}
	.projects_list .projects_item > div .projects_img figure{display: flex;}
	.projects_list .projects_item > div .projects_img figure img{width: 100%; object-fit: cover;}
	.projects_list .projects_item > div .projects_content{display: flex; flex-direction: column; row-gap: 1.2rem;}
	.projects_list .projects_item > div .projects_content .projects_location span{font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 2.4rem; color: #000000;}
	.projects_list .projects_item > div .projects_content .projects_info{display: flex; flex-direction: column; row-gap: .4rem;}
	.projects_list .projects_item > div .projects_content .projects_info h3{font-family: 'Onest', sans-serif; font-size: 2rem; font-weight: 400; line-height: 3rem; color: #000000;}
	.projects_list .projects_item > div .projects_content .projects_info p{font-family: 'Onest', sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 2.2rem; color: #000000;}
	
	#solutions_home .solutions_top .tpgb-creative-image img{width: 100%; height: 19.4rem; object-fit: cover;}

	#join_us .tpgb-cont-in{display: grid; grid-template-columns: 1fr; gap: 3rem;}
	#join_us .tpgb-cont-in .tpgb-container-col{width: 100%;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_img .tpgb-creative-image img{width: 100%; min-height: 19.4rem; object-fit: cover;}
	
	/*========== SOLUTIONS ==========*/
	#hero_solutions .hero_info > *{width: 100%;}
	#hero_solutions .hero_img .tpgb-creative-image img{width: 100%; object-fit: cover;}
	
	#list_solutions .list_top{row-gap: 6rem;}
	#list_solutions .list_top > .tpgb-container-row .tpgb-container-col{width: 100%; column-gap: 1rem;}
	#list_solutions .list_top > .tpgb-container-row .tpgb-container-col .tpgb-creative-image img{width: 100%;}
	#list_solutions .list_bottom{display: grid; grid-template-columns: 1fr; row-gap: 3rem;}
	#list_solutions .list_bottom .tpgb-container-col{width: 100%; border-top: .1rem solid #EEEEEE;}

	#latest_solutions .projects_list .projects_item > div .projects_content .projects_location span,
	#latest_solutions .projects_list .projects_item > div .projects_content .projects_info h3,
	#latest_solutions .projects_list .projects_item > div .projects_content .projects_info p{color: #FFFFFF;}
	
	/*========== ABOUT ==========*/
	#hero_about .hero_bottom .tpgb-creative-image img{width: 100%;}
	
	#mission_about .mission_top .tpgb-pro-paragraph{width: 100%;}
	#mission_about .mission_mid .tpgb-creative-image img{width: 100%; max-width: 101.2rem;}
	#mission_about .mission_bottom > *{width: 100%;}
	
	#content_about .tpgb-cont-in{display: grid; grid-template-columns: 1fr; row-gap: 4.5rem; column-gap: 3rem;}
	#content_about .tpgb-cont-in .tpgb-container-col{width: 100%;}
	
	/*========== CAREERS ==========*/
	#hero_careers .hero_bottom .tpgb-creative-image img{width: 100%;}
	
	#family_careers .family_top .tpgb-heading-title{width: 100%; max-width: 101.2rem;}
	#family_careers .family_bottom{display: grid; grid-template-columns: 1fr; row-gap: 4.5rem; column-gap: 3rem;}
	#family_careers .family_bottom .tpgb-container-col{width: 100%;}

	#join_careers .join_top{border-bottom: .1rem solid #626262;}
	#join_careers .join_bottom .jobs-list{width: 100%; display: flex; flex-direction: column;}
	#join_careers .join_bottom .jobs-list .job_item{width: 100%; border-bottom: .1rem solid #626262;}
	#join_careers .join_bottom .jobs-list .job_item .job_header{width: 100%; display: flex; justify-content: space-between; align-items: center; column-gap: 1rem; padding: 3rem 0rem;}
	#join_careers .join_bottom .jobs-list .job_item .job_header .job_header_inner{display: flex; flex-direction: column; row-gap: .8rem;}
	#join_careers .join_bottom .jobs-list .job_item .job_header .job_header_inner h3{font-family: 'Onest', sans-serif; font-size: 2.4rem; font-weight: 200; line-height: 3.4rem; color: #FFFFFF;}
	#join_careers .join_bottom .jobs-list .job_item .job_header .job_header_inner .job_location{display: flex; column-gap: 1rem;}
	#join_careers .join_bottom .jobs-list .job_item .job_header .job_header_inner .job_location span{font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 200; line-height: 2.4rem; color: #999999;}
	#join_careers .join_bottom .jobs-list .job_item .job_content{width: 100%; max-height: 0rem; overflow: hidden; transition: max-height 0.3s ease;}
	#join_careers .join_bottom .jobs-list .job_item.active .job_content{max-height: fit-content; margin: 3rem 0rem;}
	#join_careers .join_bottom .jobs-list .job_item .job_header .job_header_inner .job_icon{transform: rotate(0deg); transition: all .3s ease;}
	#join_careers .join_bottom .jobs-list .job_item.active .job_icon{transform:rotate(180deg);}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner{display: grid; grid-template-columns: 1fr; row-gap: 2.5rem; column-gap: 3rem;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div{width: 100%; display: flex; flex-direction: column; row-gap: 3.2rem;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div h4{font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 200; line-height: 2.4rem; color: #999999;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div p{font-family: 'Onest', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 2.8rem; color: #FFFFFF;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div ul{display: flex; flex-direction: column;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div ul li{font-family: 'Onest', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 2.8rem; color: #FFFFFF;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div.join_team a{width: fit-content; display: flex; padding: 1.3rem 5.3rem; border: .1rem solid #FFFFFF; font-family: 'Onest', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 2.8rem; color: #FFFFFF; text-decoration: underline;}

	/*========== PROJECTS ==========*/
	#hero_projects .tpgb-cont-in .tpgb-container-col{width: 100%;}
	
	#content_projects .tpgb-cont-in > *{width: 100%;}
	#content_projects .tpgb-cont-in .projects_list.type_tab{margin-top: 6rem;}
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item{width: 100%; margin: 0rem;}
	#content_projects .tpgb-cont-in .projects_tabs .projects_tabs-content{display: flex; flex-direction: column; }
	#content_projects .tpgb-cont-in .projects_tabs .projects_tabs-content .tab_button{width: 100%; padding: 2.65rem 0rem; border-bottom: .1rem solid #1E1E1E; font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 300; line-height: 2.4rem; color: #6E6E6E; transition: all .3s ease;}
	#content_projects .tpgb-cont-in .projects_tabs .projects_tabs-content .tab_button:nth-child(1){padding-top: 0rem;}
	#content_projects .tpgb-cont-in .projects_tabs .projects_tabs-content .tab_button.active{font-size: 2rem; line-height: 3rem; color: #FFFFFF;}
	#content_projects .tpgb-cont-in .projects_list.type_tab{display: grid; grid-template-columns: repeat(auto-fill, minmax(29.3rem, 1fr)); row-gap: 3rem; column-gap: 2rem;}
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item > div .projects_img figure img{height: 30.1rem;}
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item.active_grid > div .projects_img figure img{height: 35.8rem;}
	#content_projects .tpgb-cont-in .projects_list.type_tab *{color: #FFFFFF !important;}
	
	/*========== CONTACT US ==========*/
	#hero_contact .tpgb-creative-image img{width: 100%}

	#content_contact .tpgb-cont-in{display: grid; grid-template-columns: 1fr; row-gap: 3rem;}
	#content_contact .tpgb-cont-in .tpgb-container-col{width: 100%;}

	body .frm_forms{width: 100%;}
	body .frm_forms .frm_form_field{margin-bottom: 3.6rem !important;}
	body .frm_forms .frm_form_field:has(.frm_submit){margin-bottom: 0rem !important;}
	body .frm_forms .frm_form_field .frm_primary_label{display: none;}
	body .frm_forms .frm_form_field input,
	body .frm_forms .frm_form_field select{padding: .65rem 0rem; border: unset; border-bottom: .1rem solid #CCCCCC; border-radius: unset; box-shadow: unset !important; background: unset;}
	body .frm_forms .frm_form_field input:focus,
	body .frm_forms .frm_form_field select:focus,
	body .frm_forms .frm_form_field textarea:focus{box-shadow: unset !important; background: unset; border-color:#000000;}
	body .frm_forms .frm_form_field textarea{min-height: 24.7rem; border-radius: 0rem; border-color: #CCCCCC;}
	body .frm_forms .frm_form_field input::placeholder,
	body .frm_forms .frm_form_field select,
	body .frm_forms .frm_form_field select option,
	body .frm_forms .frm_form_field textarea,
	body .frm_forms .frm_form_field textarea::placeholder{font-family: 'Onest', sans-serif !important; font-size: 1.8rem; font-weight: 300; line-height: 2.8rem; color: #000000;}
	body .frm_forms .frm_form_field .frm_submit{display: flex; justify-content: flex-end; align-items: center;}
	body .frm_forms .frm_form_field .frm_submit button{width: fit-content; margin: 0rem; padding: 1.3rem 7rem; border: .1rem solid #000000; border-radius: 0rem; background: transparent; box-shadow: unset !important; font-family: 'Onest', sans-serif; font-size: 1.8rem; font-weight: 300; line-height: 2.8rem; color: #000000;}
	

	/*========== ERROR 404 - MAINTENANCE ==========*/
	#error-404{width: min(95%,153.7rem); display: flex; flex-direction: column; margin: 0rem auto; padding: 10rem 0rem; background: url(images/bg-404-mobile.webp) no-repeat top/100%; background-size: cover;}
	#error-404 > div{width: 100%; display: flex; flex-direction: column;}
	#error-404 .container_img{align-items: center; justify-content: center;}
	#error-404 .container_img img{width: 100%; max-width: 15rem;}
	#error-404 .container_info{justify-content: center;}
	#error-404 .container_info h1{display: flex; flex-direction: column; row-gap: 1.8rem; font-family: 'Inter', sans-serif; font-size: 3.7rem; font-weight: 700; line-height: 4.5rem; color: #4D4D4D;}
	#error-404 .container_info h1 span{display: block; font-size: 5.7rem; line-height: 6.7rem;}
	#error-404 .container_info p{width: 100%; padding-top: 3.3rem; font-family: 'Inter', sans-serif; font-weight: 300; font-size: 1.8rem; line-height: 2.8rem; color: #4D4D4D;}
	#error-404 .container_info p strong{font-weight: 800;}
	#error-404 .container_info div{display: flex; flex-direction: column; align-items: center; justify-content: center; column-gap: 5.4rem; row-gap: 2rem; padding-top: 3.3rem;}
	#error-404 .container_info div img{width: 100%; max-width: 13.7rem;}
	#error-404 .container_info div a{width: fit-content; padding: 1rem 3.5rem; border-radius: 5rem; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 1.8rem; line-height: 2.4rem; text-align: center; color: #F9F9F9; background: #4EE4CD;}

	/* #error404, S
	#maintenance{padding:10rem 1rem;}
	#error404 .wccol-md-4,
	#maintenance .wccol-md-4{order:2;}
	#error404 .wccol-md-8,
	#maintenance .wccol-md-8{order:1;}
	#error404 h2{font-size:12rem; color:var(--main-color-primary); line-height:1;}
	#maintenance h2{font-size:4rem; color:var(--main-color-primary); line-height:1;}
	#error404 h4,
	#maintenance h4{font-size:5rem; line-height:1;}
	#error404 p,
	#maintenance p{margin:1rem 0; font-size:1.4rem;}
	#error404 a.wcbtn,
	#maintenance a.wcbtn{background:#000; color:#fff; padding:1rem 4rem;} */

	/*========== PRIVACY POLICY ==========*/


	/*========== FOOTER ==========*/
	#footer{width: 100%; padding: 10.2rem 0rem; background: #000000;}
	#footer *{color: #FFFFFF;}
	#footer .container__row{width: 97%; max-width: 100%; margin: 0 auto;}
	#footer .wcrow{align-items: center; row-gap: 3rem; padding: 0rem;}
	#footer .top .wcrow{padding-bottom: 2rem;}
	#footer .top .wcrow .logo_contact-container{display: flex; flex-direction: column; align-items: center; row-gap: 2.8rem;}
	#footer .top .wcrow .logo_contact-container #container__logo{display: flex; justify-content: center; align-items: center;}
	#footer .top .wcrow .logo_contact-container #container__logo a{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2rem; font-family: 'Onest', sans-serif; font-size: 2rem; font-weight: 400; line-height: 3rem;}
	#footer .top .wcrow .logo_contact-container #container__logo a img{width: 7.5rem;}
	#footer .top .wcrow .logo_contact-container .contact_adress-container{width: 100%; max-width: 12.2rem;}
	#footer .top .wcrow .logo_contact-container .contact_adress-container p{font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem;}
	#footer .top .wcrow .nav_container{display: flex; justify-content: center; flex-wrap: wrap; row-gap: 2rem; column-gap: 3rem;}
	#footer .top .wcrow .nav_container ul.menu{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; row-gap: .5rem; column-gap: 3rem; list-style: none;}
	#footer .top .wcrow .nav_container ul.menu li a{font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 2.8rem; transition: all .3s ease;}
	#footer .top .wcrow .nav_container ul.menu > li:hover > a{color: #6b6865;}
	#footer .top .wcrow .nav_container ul.menu li.btn_contact{display: none;}

	#footer .container__row.bottom{width: 100%;}
	#footer .bottom .wcrow{width: 98%; max-width: 100%; margin: 0 auto;}
	#footer .bottom .wcrow .nav_container{display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; row-gap: 2rem; column-gap: 1.6rem;}
	#footer .bottom .wcrow .nav_container .copyright{display: inline-flex;}
	#footer .bottom .wcrow a,
	#footer .bottom .wcrow .nav_container .copyright span{font-family: 'Onest', sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 2.4rem;}
	#footer .bottom .wcrow .nav_container ul.menu{display: flex; flex-direction: column; align-items: center; row-gap: 2rem; column-gap: 3.5rem; list-style: none;}
	#footer .bottom .wcrow .social_container{display: block;}
	#footer .bottom .wcrow .social_container .widget__info{display: flex; justify-content: center; align-items: center; column-gap: 1.6rem;}
	#footer .bottom .wcrow .social_container .widget__info a{width: 2.4rem; height: 2.4rem; display: flex; justify-content: center;  align-items: center; border-radius: 100%; background: #FFFFFF;}
	






}
@media screen and (min-width:500px){


	/*========== FOOTER ==========*/


}

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



	/* #error404,
	#maintenance{background:url("images/404-background.png") no-repeat center 0; background-size:cover;}
	#error404 .wccol-md-4,
	#maintenance .wccol-md-4{order:1;}
	#error404 .wccol-md-4 img,
	#maintenance .wccol-md-4 img{margin:0 auto;}
	#error404 .wccol-md-8,
	#maintenance .wccol-md-8{order:2;}
	#error404 h2{font-size:15rem;}
	#maintenance h2{font-size:9rem;}
	#error404 h4,
	#maintenance h4{font-size:7rem;}
	#error404 p,
	#maintenance p{font-size:1.8rem;} */

	/*========== GLOBAL-STYLES ==========*/


	/*========== OFFCANVAS ==========*/



	/*========== HEADER ==========*/
	#header{width: 100%; padding: 4rem 0rem;}
	#header .container__row{width: 97%;}
	#header .container__row #nav__header #container__logo a img{width: 100%; max-width: 31.9rem;}



	/*========== HOME ==========*/
	#hero_home .tpgb-heading-title{max-width: 42.2rem; left: 3rem;}
	
	#about_home .tpgb-cont-in{grid-template-columns: repeat(12,1fr); column-gap: 3rem;}
	#about_home .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 3;}
	#about_home .tpgb-cont-in .tpgb-container-col:nth-child(2){grid-column: 4 / -1;}
	
	.projects_list .projects_item > div{row-gap: 2.8rem;}
	.projects_list .projects_item > div .projects_img figure img{height: 40.6rem;}
	
	#solutions_home .solutions_top .tpgb-creative-image img{height: 38.4rem;}
	#solutions_home .solutions_bottom .tpgb-container-row,
	#solutions_home .solutions_bottom .tpgb-container-row .tpgb-container-col{width: fit-content;}
	#solutions_home .solutions_bottom .tpgb-container-row .solutions_info > *{width: 100%; max-width: 50.8rem;}
	
	#join_us .tpgb-cont-in{grid-template-columns: repeat(16, 1fr); column-gap: 3rem;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_img{grid-column: auto / span 9;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_info{grid-column: auto / span 7;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_img .tpgb-creative-image img{height: 49rem;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_info > *{width: 100%; max-width: 34.7rem;}

	/*========== SOLUTIONS ==========*/
	#hero_solutions .hero_info > *{max-width: 57.8rem;}
	#list_solutions .list_top{row-gap: 6.2rem;}
	#list_solutions .list_top > .tpgb-container-row{display: grid; grid-template-columns: repeat(16, 1fr); column-gap: 3rem;}
	#list_solutions .list_top > .tpgb-container-row .tpgb-container-col{column-gap: unset;}
	#list_solutions .list_top > .tpgb-container-row .tpgb-container-col .tpgb-creative-image img{width: auto;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(odd) .tpgb-container-col:nth-child(1){display: grid; grid-template-columns: repeat(10, 1fr); align-content: start; grid-column: 1 / span 10; column-gap: 3rem;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(odd) .tpgb-container-col:nth-child(1) .tpgb-container-row{grid-column: 2 / -1;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(odd) .tpgb-container-col:nth-child(2){grid-column: 11 / -1;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(even) .tpgb-container-col:nth-child(1){grid-column: 1 / span 6;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(even) .tpgb-container-col:nth-child(2){display: grid; grid-template-columns: repeat(10, 1fr); align-content: start; grid-column: 7 / span 10; column-gap: 3rem;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(even) .tpgb-container-col:nth-child(2) .tpgb-container-row{grid-column: 2 / -1;}
	#list_solutions .list_bottom{grid-template-columns: repeat(3, 1fr); column-gap: 3rem;}

	/*========== ABOUT ==========*/
	#mission_about .mission_top .tpgb-pro-paragraph{max-width: 92.5rem;}
	#mission_about .mission_bottom > *{max-width: 75.1rem;}
	
	#content_about .tpgb-cont-in{grid-template-columns: repeat(16,1fr);}
	#content_about .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 7;}
	#content_about .tpgb-cont-in .tpgb-container-col:nth-child(2){grid-column: 8 / -1;}
	
	/*========== CAREERS ==========*/
	#family_careers .family_bottom{grid-template-columns: repeat(16, 1fr);}
	#family_careers .family_bottom .tpgb-container-col:nth-child(1){grid-column: 1 / span 9;}
	#family_careers .family_bottom .tpgb-container-col:nth-child(2){grid-column: 10 / -1;}

	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner{grid-template-columns: repeat(16, 1fr);}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div.about_rol{grid-column: 1 / span 5;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div.requirements{grid-column: 7 / span 5;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div.join_team{grid-column: 13 / -1;}
	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div.join_team a{padding: 1.3rem 2.3rem;}
	
	/*========== PROJECTS ==========*/
	#hero_projects .tpgb-cont-in{display: grid; grid-template-columns: repeat(16, 1fr); column-gap: 3rem;}
	#hero_projects .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 4;}
	#hero_projects .tpgb-cont-in .tpgb-container-col:nth-child(2){grid-column: 5 / -1;}

	#content_projects .tpgb-cont-in{display: grid; grid-template-columns: repeat(16, 1fr); column-gap: 3rem;}
	#content_projects .tpgb-cont-in .projects_tabs{grid-column: 1 / span 4;}
	#content_projects .tpgb-cont-in .projects_list.type_tab{display: grid !important; grid-template-columns: repeat(auto-fill, minmax(31.3rem, 1fr)); grid-column: 5 / -1; margin-top: 0rem;}

	/*========== CONTACT US ==========*/
	#content_contact .tpgb-cont-in{grid-template-columns: repeat(16, 1fr);}
	#content_contact .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 7;}
	#content_contact .tpgb-cont-in .tpgb-container-col:nth-child(2){grid-column: 9 / -1;}

	/*========== ERROR 404 - MAINTENANCE ==========*/
	#error-404{flex-direction: row; padding: 15rem 0rem 25rem; background: url(images/bg-404.webp) no-repeat top 9.5rem left/100%; background-size: contain}
	#error-404 > div{width: 50%;}
	#error-404 .container_info div{flex-direction: row; align-items: start; justify-content: start;}
	#error-404 .container_info h1{font-size: 5rem; line-height: 6.5rem;}
	#error-404 .container_info h1 span{font-size: 8.7rem; line-height: 9.7rem;}
	#error-404 .container_img img{max-width: 45rem;}
	#error-404 .container_info p{max-width: 68.4rem; font-size: 2.5rem; line-height: 3.5rem;}
	#error-404 .container_info div a{font-size: 2.5rem; line-height: 2.5rem;}


	/*========== FOOTER ==========*/
	#footer{padding: 12.1rem 0rem 0rem;}
	#footer .wcrow{align-items: flex-start;}
	
	#footer .top .wcrow{row-gap: 2.7rem;}
	#footer .top .wcrow{padding-bottom: 5.5rem;}
	#footer .top .wcrow .logo_contact-container{align-items: flex-start;}
	#footer .top .wcrow .logo_contact-container #container__logo a{align-items: start; row-gap: 2.8rem;}
	#footer .top .wcrow #container__logo{justify-content: flex-start;}
	#footer .top .wcrow .nav_container{flex-wrap: nowrap; column-gap: 5rem;}
	#footer .top .wcrow .nav_container ul.menu{column-gap: 4rem;}
	#footer .top .wcrow .nav_container ul.menu li{position: relative;}
	#footer .top .wcrow .nav_container ul.menu > li:not(:first-child)::before{content: unset;}
	
	#footer .bottom .wcrow{padding: 5.5rem 0rem 4rem;}
	#footer .bottom .wcrow .nav_container{flex-direction: row; justify-content: space-between; align-items: start; flex-wrap: nowrap;}
	#footer .bottom .wcrow .nav_container ul.menu{flex-direction: row; align-items: start;}
	#footer .bottom .wcrow .social_container .widget__info{justify-content: flex-start;}

	

	


}


@media screen and (min-width:1024px){

	/*========== HOME ==========*/
	
	/*========== SOLUTIONS ==========*/
	#list_solutions .list_top > .tpgb-container-row:nth-child(odd) .tpgb-container-col:nth-child(2){grid-column: 12 / -1;}
	#list_solutions .list_top > .tpgb-container-row:nth-child(even) .tpgb-container-col:nth-child(1){grid-column: 1 / span 5;}
	
	/*========== ABOUT ==========*/
	#content_about .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 5;}
	
	/*========== CAREERS ==========*/
	#family_careers .family_bottom .tpgb-container-col:nth-child(1){grid-column: 1 / span 11;}
	#family_careers .family_bottom .tpgb-container-col:nth-child(2){grid-column: 13 / -1;}

	#join_careers .join_bottom .jobs-list .job_item .job_content .job_content_inner > div.join_team a{padding: 1.3rem 5.3rem;}
	
	/*========== PROJECTS ==========*/
	#hero_projects .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 3;}
	
	#content_projects .tpgb-cont-in .projects_tabs .projects_tabs-content .tab_button{padding: 2.65rem 2rem 2.65rem 0rem;}
	#content_projects .tpgb-cont-in .projects_tabs .projects_tabs-content .tab_button.active{font-size: 2.4rem; line-height: 3.4rem;}
	
	#content_projects .tpgb-cont-in .projects_list.type_tab{grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10.6rem; row-gap: 2rem; column-gap: 2.4rem;}
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item:nth-child(1){grid-column-start: 1; grid-row-end: span 6;} 
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item:nth-child(2){grid-column-start: 2; grid-row-end: span 4;} 
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item:nth-child(3){grid-column-start: 1; grid-row-end: span 4;} 
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item:nth-child(4){grid-column-start: 2; grid-row-start: 5; grid-row-end: span 6;} 
	#content_projects .tpgb-cont-in .projects_list.type_tab .projects_item > div .projects_img figure img{height: 61rem;}
	

	
	/*========== FOOTER ==========*/
	#footer .top .wcrow .nav_container{justify-content: start;}
	#footer .top .wcrow .nav_container ul.menu{column-gap: 9rem;}



}



@media screen and (min-width:1025px){

	/*========== SCROLL TOP ==========*/
	#scrollto__top{bottom:8rem;}
	#scrollto__top a#scrolltop__btn{width: 5rem; height: 5rem;}
	.chatwith.rightpos .chatwith-mainbutton{width: 5rem; height: 5rem;}

	/*========== GLOBAL-STYLES ==========*/




	/*========== OFFCANVAS ==========*/



	/*========== HEADER ==========*/
	#header .container__row #nav__header{display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; justify-content: unset;}
	#header .container__row #nav__header a{font-family: "Onest", sans-serif; font-size: 1.8rem; font-weight: 200; line-height: 2.8rem; color: #FFFFFF; transition: color .3s ease;}
	#header .container__row #nav__header a img{max-width: 100%;}
	#header .container__row #nav__header .header_left{display: flex; align-items: center; column-gap: 4.9rem;}
	#header .container__row #nav__header .header_right{display: flex; justify-content: flex-end; align-items: center;}
	#header .container__row #nav__header .header_right #list__icons-header{display: none;}
	#header .container__row #nav__header .header_right #widget__info{display: flex;}
	#header .container__row #nav__header .header_right #widget__info a{padding: 0rem; border-radius: unset; background: transparent; font-family: "Onest", sans-serif; font-size: 1.8rem; font-weight: 200; line-height: 2.8rem; color: #FFFFFF; transition: color .3s ease;}
	#header .container__row #nav__header ul.menu{display: flex; align-items: center; gap: 3.2rem; list-style: none;}
	#header .container__row #nav__header ul.menu > li{display: flex; align-items: center;}
	#header .container__row #nav__header ul.menu > li > a{height: 5rem;}
	#header .container__row #nav__header .header_right #widget__info a:hover,
	#header .container__row #nav__header ul.menu > li:hover > a{color: #6b6865;}
	#header .container__row #nav__header ul.menu li a{display: flex; align-items: center; column-gap: .3rem;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children{position: relative;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children > a span{font-size: 1.7rem; transform: rotate(0deg); transition: all .3s ease;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children:hover > a span{transform: rotate(180deg);}
	#header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu{display: none; position: absolute; top: 5rem; left: .1rem; z-index: 1; list-style: none;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu ul.sub-menu{position: unset;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a{display: flex; align-items: center; column-gap: .6rem; color: #000000; overflow: hidden; transition: color .3s ease;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a::before{content: ''; width: .6rem; height: .6rem; margin-left: -1.4rem; background: #000000;  transition: all .3s ease;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a:hover::before{margin-left: 0rem;}
	#header .container__row #nav__header ul.menu li.menu-item-has-children:hover ul.sub-menu{width: max-content; min-width: 16rem; display: flex; flex-direction: column; row-gap: 1rem; padding: 2rem; border-radius: .6rem; background: #FFF;}

	/*========== HOME ==========*/

	#hero_home .tpgb-heading-title{max-width: 68.2rem; left: 3.8rem;}
	
	#about_home .tpgb-cont-in .tpgb-container-col:nth-child(1){grid-column: 1 / span 4;}
	#about_home .tpgb-cont-in .tpgb-container-col:nth-child(2){grid-column: 5 / -1;}

	.projects_list{display: grid !important; grid-template-columns: repeat(12,1fr); column-gap: 3rem;}
	.projects_list .projects_item{margin: 0rem;}
	.projects_list .projects_item{width: 100%; grid-column: span 4;}

	#solutions_home .solutions_top .tpgb-creative-image img{height: 51.4rem;}

	#join_us .tpgb-cont-in .tpgb-container-col.join_img{grid-column: auto / span 10;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_info{grid-column: auto / span 6;}
	#join_us .tpgb-cont-in .tpgb-container-col.join_img .tpgb-creative-image img{height: 63rem;}

	/*========== FOOTER ==========*/


}

@media screen and (min-width:1100px){
	/*========== HEADER ==========*/


	
	/*========== HOME ==========*/
	

}


@media screen and (min-width:1440px){
	/*========== HEADER ==========*/
	
	/*========== Footer ==========*/


}


@media screen and (min-width:1550px){
	/*========== HOME ==========*/
				
	
}