/*************************************************/

body.readable_font *:not(.fa) {
    font-family: arial !important;
}

body.readable_font .projects_portfolio .filters ul li{
    letter-spacing: 0.57px;
}

/*************************************************/
body.graysacle .grid,
body.graysacle a,
body.graysacle footer,
body.graysacle header,
body.graysacle #title,
body.graysacle #welcome_video,
body.graysacle #map_game,
body.graysacle #menu-main-nav,
body.graysacle #team,
body.inverted .team-wrapper,
body.inverted .wpcf7-submit,
body.inverted .portfolio-bg,
body.graysacle #projects,
body.graysacle #portfolio_content:before,
body.graysacle #contact{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
/*************************************************/

/*************************************************/
body.inverted .grid,
body.inverted a,
body.inverted footer,
body.inverted header,
body.inverted #title,
body.inverted #welcome_video,
body.inverted #map_game,
body.inverted #team,
body.inverted #menu-main-nav,
body.inverted #projects,
body.inverted .team-wrapper,
body.inverted .wpcf7-submit,
body.inverted .portfolio-bg,
body.inverted #portfolio_content:before,
body.inverted #contact{
	filter: invert(100%);
	-webkit-filter: invert(100%);
}
/*************************************************/

body.smaller header .grid,
body.smaller #primary #main.grid,
body.smaller #contact .grid,
body.smaller #clients .grid,
body.smaller #breadcrumbs,
body.smaller #title .title_wrapper,
body.smaller footer.footer-area .grid,
body.smaller h2.title,
body.smaller #our_services .grid,
body.smaller .jc-bs3-container,
body.smaller #customer-chat-iframe,
body.smaller #welcome_video .text{
	transform: scale(0.91);
}

body.smaller header,
body.smaller #breadcrumbs,
body.smaller h2.title,
body.smaller #customer-chat-iframe,
body.smaller #welcome_video .text,
body.smaller #team .grid,
body.smaller #our_services .grid,
body.smaller #contact .grid,
body.smaller #clients .grid,
body.smaller #primary #main.grid{
	transform-origin: top center;
}

body.smaller #contact .grid,
body.smaller #clients .grid,
body.smaller #our_services .grid,
body.smaller #team .grid,
body.smaller #primary #main.grid,
body.smaller #contact{
	/*margin-bottom: -10%;*/
}

body.smaller footer.footer-area{
	font-size: 14px;
}

body.smaller footer.footer-area .copyright{
	font-size: 30px;
}

body.smaller #portfolio_content .modal-title{
    font-size: 42px;
}

body.smaller #portfolio_content .more_information.pp-content p,
body.smaller #portfolio_content .pp-content{
    font-size: 23px;
}

/*************************************************/

body.big header,
body.big #primary #main.grid,
body.big #contact .grid,
body.big #clients .grid,
body.big #breadcrumbs,
body.big #title,
body.big footer.footer-area,
body.big #contact,
body.big #our_services .grid,
body.big h2.title,
body.big .jc-bs3-container,
body.big #customer-chat-iframe,
body.big #welcome_video .text{
	transform: scale(1.072);
}

body.big header,
body.big #breadcrumbs,
body.big h2.title,
body.big #customer-chat-iframe,
body.big #welcome_video .text,
body.big #team .grid,
body.big #our_services .grid,
body.big #contact .grid,
body.big #clients .grid,
body.big #primary #main.grid{
	transform-origin: top center;
}

body.big #contact .grid,
body.big #clients .grid,
body.big #our_services .grid
body.big #team .grid,
body.big #contact{
	margin-bottom: 8%;
}

body.big #primary #main.grid{
	margin-bottom: 20%;
}

body.big footer.footer-area{
	font-size: 14px;
}

body.big footer.footer-area .copyright{
	font-size: 30px;
}

body.big #portfolio_content .modal-title{
    font-size: 42px;
}

body.big #portfolio_content .more_information.pp-content p,
body.big #portfolio_content .pp-content{
    font-size: 23px;
}

/*************************************************/

/*************************************************/

body.bigger header,
body.bigger #primary #main.grid,
body.bigger #our_services .grid,
body.bigger #contact .grid,
body.bigger #clients .grid,
body.bigger #breadcrumbs,
body.bigger #title,
body.bigger footer.footer-area,
body.bigger #contact,
body.bigger h2.title,
body.bigger .jc-bs3-container,
body.bigger #customer-chat-iframe,
body.bigger #welcome_video .text{
	transform: scale(1.13);
}

body.bigger header,
body.bigger #breadcrumbs,
body.bigger h2.title,
body.bigger #customer-chat-iframe,
body.bigger #welcome_video .text,
body.bigger #our_services .grid,
body.bigger #team .grid,
body.bigger #contact .grid,
body.bigger #clients .grid,
body.bigger #primary #main.grid{
	transform-origin: top center;
}

body.bigger #contact .grid,
body.bigger #clients .grid,
body.bigger #our_services .grid,
body.bigger #team .grid,
body.bigger #contact{
	margin-bottom: 20%;
}

body.bigger #primary #main.grid{
	margin-bottom: 42%;
}

body.bigger footer.footer-area{
	font-size: 14px;
}

body.bigger footer.footer-area .copyright{
	font-size: 30px;
}

body.bigger #portfolio_content .modal-title{
    font-size: 42px;
}

body.bigger #portfolio_content .more_information.pp-content p,
body.bigger #portfolio_content .pp-content{
    font-size: 23px;
}

body.bigger #portfolio_content,
body.bigger #customer-chat-iframe{
	/* display: none !important; */
}

/*************************************************/

/* body.smaller .pro-grid,
body.smaller .grid{
	transform: scale(0.72);
	transform-origin: top center;
}
 */

/*************** ******************/


/*************************************************/
/*
body.big .grid{
	transform: scale(1.2);
	transform-origin: top center;
	max-width: 72%;
	padding: 4.2% 1%;
}

body.big .pro-grid{
	transform: scale(1.2);
	padding: 4.2% 1%;
}

body.big #team .grid {
    transform: scale(1.2);
    max-width: 72%;
    padding: 4.2% 0%;
}

body.big footer.footer-area .grid{
	padding: 1% 1%;	
}

body.big header .grid{
	transform: scale(1.2);
	max-width: 72%;
	padding: 1% 1%;
}

body.big #portfolio_content .grid {
    padding: 30% 13% 10%;
}


/*************** ******************/

/* 
body.bigger .grid{
	transform: scale(1.42);
	transform-origin: top center;

}
body.bigger .pro-grid{
	transform: scale(1.42);
	padding: 18% 1%;
}

body.bigger #team .grid {
	transform: scale(1.42);
	max-width: 52vw;
	padding: 9.1% 0%;
}

body.bigger footer.footer-area .grid{
	padding: 2%;	
}

body.bigger header .grid{
	transform: scale(1.42);
	max-width: 57vw;
	padding: 2%;
}

body.bigger #portfolio_content .grid {
    padding: 42% 18% 0;
}


body.bigger header nav > ul li{
    padding: 42px 15px 36px 15px;
}

body.bigger header nav > ul li ul li{
    padding: 0px 42px;
}

body.bigger .filters li{
    font-size: 16.5px;
}

body.bigger #projects .pro-grid{
    font-size: 42vh auto;
} */


/********************************/

body.contrast,
body.contrast *{
	color: #f3f3f3 !important;
	background-color: black !important;
	text-shadow: none !important;
}

body.contrast #welcome_video .text *,
body.contrast #welcome_video .text{
	background: transparent !important;
}

body.contrast .page.gradient_pattern1::before {
	background: #000;
	opacity: 1;
}

body.contrast .page.pattern2{
	background: #000;
}

body.contrast .page{
	background: #000 !important;
}

body.contrast #projects{
	background: #000;
}

body.contrast #team{
	background: #000;
}

body.contrast #clients{
	background: #000;
}

body.contrast #contact{
	background: #000;
}


h1.header_bold, h2.header_bold, h3.header_bold, h4.header_bold, h5.header_bold, h6.header_bold{
	border-bottom: .5px solid #006699;
	box-shadow: 0px 5px 5px -2px #006699;
	transition: 0.5s;
}

a.link_bold{
	border-bottom: .5px solid #006699;
	box-shadow: 0px 5px 5px -2px #006699;
	transition: 0.5s;	
}