/* Grid/Reset Overrides */

button:active, button:focus, .bbutton:active, .bbutton:focus {outline: none;}button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {padding: 0 !important;border: 0 none !important;}
p, ul, ol {margin-bottom: 1em;}b, strong {font-weight: bold;}i, em {font-style: italic;}p:empty {display: none;}img, iframe, object, embed, video {max-width: 100%;}label {display: block;}
ul:last-child, ol:last-child, p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin-bottom: 0;}

/*
::-webkit-input-placeholder {font-style: italic;}
:-ms-input-placeholder {font-style: italic;}
::placeholder {font-style: italic;}
*/

/* Custom Styles */
#wrapper {text-align: left;}
.clear {clear: both;}
.underline {text-decoration: underline;}
.blockquote {display: block; margin-left: 30px;}
.mobile-close {display: none;}
.float-left{float: left;}.float-right{float: right;}
.section {clear: both; float: left; width: 100%; background: #333;}
.subsection  {clear: both; float: left; width: 100%;}
.ir {float: left;width: 100%;font-size: 0;line-height: 0;text-indent: -9999px;overflow: hidden;background-color: transparent;background-position: left top;background-repeat: no-repeat;}
#content-actual code {display: block; margin: 0 0 1em;}#content-actual blockquote {display: block; margin: 0 2em 1em; padding-left: 10px; border-left: 2px solid #777; font-style: italic;}form{display: block; margin-bottom: 1em;}form:last-child {margin: 0;} .frb {margin-top: 7px; text-align: left;} .frb:first-child {margin-top: 0;} .frb input, .frb select, .frb textarea {display: block;}
.href {cursor: pointer;}
.textalignleft {text-align:left;}.textaligncenter, .centered, .center, .aligncenter {text-align:center;}.textalignright {text-align:right;} img.aligncenter {display: block; text-align: center; margin: 0 auto;}
.floatleft, .alignleft {float: left;  margin: 0 10px 10px 0;}
.floatright, .alignright {float: right; margin: 0 0 10px 10px;}
.block {display: block;}
.g-recaptcha > div > div, .g-recaptcha > div > div > iframe {max-width: 100%;}
.hidden, .hide, .mobile-only, .mobileonly, .phone-only, .phoneonly  {display: none;}
.alignvertical{position: absolute;top: 50%;transform: translateY(-50%);}
.t {clear: both; float: left;  width: 100%; margin-bottom: 1em;}.t:last-child {margin-bottom: 0;}.t p:empty {display: none;}.tr {clear: both; float: left;  width: 100%;}.tr:nth-child(2n+1){background-color: #eee;}.th, .td {float: left;padding: 5px;width: 25%;box-sizing: border-box;}
.gutter5 {margin-left: -5px; margin-right: -5px;}.gutter7 {margin-left: -7px; margin-right: -7px;}.gutter10 {margin-left: -10px; margin-right: -10px;}.gutter12 {margin-left: -12px; margin-right: -12px;}.gutter15 {margin-left: -15px; margin-right: -15px;}
.floating-label{position:relative;margin-bottom:1rem}.floating-label>input,.floating-label>label{height:3.125rem;padding:.75rem}.floating-label>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;pointer-events:none;cursor:text;border:1px solid transparent;border-radius:.25rem;transition:all .1s ease-in-out}.floating-label input::-webkit-input-placeholder{color:transparent}.floating-label input:-ms-input-placeholder{color:transparent}.floating-label input::-ms-input-placeholder{color:transparent}.floating-label input::-moz-placeholder{color:transparent}.floating-label input::placeholder{color:transparent}.floating-label input:not(:placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}.floating-label input:not(:placeholder-shown)~label{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;color:#777}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
label.custom-checkbox {line-height: normal;}label.custom-checkbox input {display: none;}label.custom-checkbox span {display: block; position: relative;}label.custom-checkbox span:before {content: '';display: inline-block;vertical-align: top;width: 18px;height: 18px;border: 1px solid #999999;margin-right: 5px;background: #ffffff;border-radius: 2px;}label.custom-checkbox input + span:after {content: "\f00c"; font-weight: 900; font-family: Font Awesome\ 5 Free; position: absolute;top: 2px;left: 3px;font-size: 12px;}label.custom-checkbox input:not(:checked) + span:after {content: '';}
label.custom-radio {display: inline-block;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}label.custom-radio input {display: none;}label.custom-radio span {display: inline-block;border-radius: 2px;padding: 5px;border: 1px solid #999999;background: #fff;}label.custom-radio input:checked + span {color: #fff;border-color: #578BC8;background: #578BC8;}
.elementor-section.elementor-section-boxed > .elementor-container {padding-left: 15px; padding-right: 15px;}
.modal-source {display: none;}
.tablet-only {display: none;}

#wrapper {
	display: block;
}
	#inner {
		display: block;
	}

body {
	color: #8A8A8A;
	font-family: Helvetica, Arial, sans-serif;
	background: #000;
}
	body.fixed-header {position: relative; padding-top: 80px;}
	body.fixed-header.main-nav-scrolled {padding-top: 50px;}

a {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

input, select, textarea {
	padding: 5px 8px;
	color: #1C1C1B;
	font-size: 14px;
	line-height: 19px;
	border: 1px solid #578BC8;
	border-radius: 2px;
	background: #ffffff;
	max-width: 100%;
}
input[type="image"] {
	padding: 0;
	border-radius: 0;
	border: none;
	width: auto;
	background: 0;
}
input[type="submit"] {
	color: #fff;
	border: none;
	padding: 5px 8px;
	border-radius: 0;
	font-size: 14px;
	line-height: 19px;
	-webkit-appearance: none;
	transition: all 500ms ease;
	cursor: pointer;
	background: #333;
}
	input[type="submit"]:hover {
		-webkit-appearance: none;
		background: #000;
	}
	
.bbutton {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 35px;
	border: 1px solid #333;
	transition: all 0.5s ease 0s;
	border-radius: 2px;
	text-decoration: none;
	background: #333;
}
	.bbutton:hover {text-decoration: none; background: #000;}
.bbutton.bbutton-standard {display: block; padding: 7px 5px; text-align: center;}
.bbutton.bbutton-hollow {
	background: 0;
}
	.bbutton.bbutton-hollow:hover {background: rgba(0,0,0,0.5);}


ul.button-list {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
	ul.button-list li {
		display: inline-block;
		list-style: none;
		margin: 10px;
		padding: 0;
	}

textarea {resize: vertical;}

h1 {
	font-size: 24px;
	color: #fff;
	margin-bottom: 25px;
}
h2 {
	font-size: 40px;
	font-weight: 600;
	color: #aea8a2;
	margin-bottom: 25px;
}
h3 {
	font-size: 21px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 25px;
}
.color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .white-headline, .white-headline h1, .white-headline h2, .white-headline h3, .white-headline h4, .white-headline h5, .white-headline h6 {color: #fff;}

.contact {font-size: 20px;}
#header {
	margin-top: 0;
}
	#header-main {
		color: #fff;
		background: #000;
	}
	.fixed-header #header {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
	}
	#logo-text {
		padding: 25px 0;
		font-size: 20px;
		font-weight: 600;
		font-family: 'roboto slab', serif;
		transition: all 0.5s ease 0s;
	}
		.main-nav-scrolled #logo-text {padding: 10px 0;}
		.mobile-nav-active #logo-text span {position: relative; z-index: 6;}
		#logo-text a {
			color: #777;
			letter-spacing: 5px;
			font-size: 40px;
			text-decoration: none;
			text-transform: uppercase;
		}
		#logo-text img {
			display: block;
			margin: 0 auto;
			text-align: center;
		}
	#logo {
		position: absolute;
		top: 40px;
		left: 0;
		text-align: center;
		width: 100%;
		transition: all 0.5s ease 0s;
	}
		#logo a {
			position: relative;
			z-index: 1;
		}
		.mobile-nav-active #logo a {z-index: 6;}
		#logo img {transition: all 0.5s ease 0s;}
		.main-nav-scrolled #logo {
			top: 20px;
		}
			.main-nav-scrolled #logo img {width: 62px; height: 60px;}

	/* Begin global mobile nav styles */
	.mobile-toggle {float: right;}
		.mobile-toggle button {float: right; padding: 0; text-align: right; border: none; background: 0;}
			.mobile-toggle button span {
				background-color: #fff;
				border-radius: 2px;
				display: block;
				height: 2px;
				width: 18px;
				margin: 4px 0;
			}
	.search-toggle {float: right; margin-right: 5px;}
		.search-toggle button {float: right; padding: 0; text-align: right; border: none; background: 0;}
	.header-links {display: none;}
	.header-links.active {display: block;}
	.header-links .menu {display: none;}
	.header-links.open .menu {display: block;}

		.header-links ul {
			display: block;
			padding: 0;
			margin: 200px 0 0;
			list-style: none;
		}
			.header-links ul li {
				clear: both;
				float: left;
				width: 100%;
				padding: 0;
				margin: 10px 0 0;
				list-style: none;
				background: #4F5259;
			}
				.header-links ul li.menu-item-has-children a, .header-links ul li.has-child > a {
					float: left;
					width: 85%;
					box-sizing: border-box;
				}
				.header-links ul li > span.toggle {
					float: right;
					width: 15%;
					color: #fff;
					padding: 3px 0;
					text-align: center;
					cursor: pointer;
					font-size: 20px;
					font-weight: bold;
				}
					.header-links ul li > span.toggle:after {
						content: '+';
					}
					.header-links ul li > span.toggle.closed:after {
						content: '-';
					}
				.header-links ul li a {
					display: block;
					padding: 5px 20px;
					color: #AEA8A2;
					font-size: 24px;
					text-decoration: none;
					text-align: center;
					font-weight: 100;
				}
				.header-links ul li a:hover {color: #fff;}
				.header-links ul li.active > a {color: #fff; font-weight: bold;}
				.header-links ul li ul {display: none;}
				.header-links ul li ul.active {display: block;}
					.header-links ul li ul li a {
						padding: 10px 25px;
					}
						.header-links ul li ul li ul li a {padding: 10px 40px;}
		/* End global mobile nav styles */

		/* Begin Mobile Nav Variant 2 Styles */
		.nav-option-2 .header-links {position: fixed; overflow-y: auto; top: 0; left: -100%; z-index: 5; width: 75%; max-width: 450px; height: 100%;  background: #4F5259;}
		.nav-option-2 .header-links {display: block;}
		.nav-option-2 .header-links.active {left: 0;}
		.admin-bar.nav-option-2 .header-links {padding-top: 50px;}
		.nav-option-2.mobile-nav-active .mobile-nav-backdrop {position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
		.nav-option-2 .mobile-toggle {position: relative; z-index: 2;}
		/* End Mobile Nav Variant 2 Styles */

		/* Begin Mobile Nav Variant 3 Styles */
		.nav-option-3 .header-links {position: fixed; overflow-y: auto; top: 0; right: -100%; z-index: 5; width: 75%; height: 100%;  background: #4F5259;}
		.nav-option-3 .header-links {display: block;}
		.nav-option-3 .header-links.active {right: 0;}
		.admin-bar.nav-option-3 .header-links {padding-top: 50px;}
		.nav-option-3 .header-links .mobile-close {display: block; text-align: center;}
			.nav-option-3 .header-links .mobile-close button {
				float: right;
				border: none;
				background: 0;
			}
				.nav-option-3 .mobile-close span {display: block; font-size: 0; line-height: 0;}
					.nav-option-3 .mobile-close span:after {
						display: block;
						color: #fff;
						content: 'X';
						font-size: 20px;
						line-height: 20px;
					}
		.nav-option-3.mobile-nav-active .mobile-nav-backdrop {position: fixed; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
		/* End Mobile Nav Variant 3 Styles */

		/* Begin Mobile Nav Variant 4 Styles */
		.nav-option-4 .header-links {display: block; position: fixed; overflow-y: auto; top: -100%; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,0.90);}
		.admin-bar.nav-option-4 .header-links {z-index: 100000;}
		/* .nav-option-4 .header-links {display: none;} */
		.nav-option-4 .header-links.active {top: 0;}
		.nav-option-4 .header-links ul li {background: 0;}
		.nav-option-4 .header-links ul li.current-menu-item > a {color: #ff0000;}
		.nav-option-4 .header-links.open .mobile-close {display: block; text-align: center;}
			.nav-option-4 .header-links.open .mobile-close button {
				border: none;
				background: 0;
			}
				.nav-option-4 .mobile-close span {display: block; font-size: 0; line-height: 0;}
				.mobile-close {clear: both; padding-top: 20px;}
		/* End Mobile Nav Variant 4 Styles */


		#footer {
			padding: 20px 0;
			background: #000;
		}


#contact-form input, #contact-form textarea, #contact-form select {
	display: block;
	margin-bottom: 15px;
	padding: 7px 3px;
	width: 300px;
}
label.required {color: #ff0000;}

	.fr  {
		clear: both;
		float: left;
		width: 100%;
		padding: 5px 0;
	}
		.fr label {display: block;}
		.fr label br {display: none;}
		.fr label span {display: block;}
		.fr label input[type="checkbox"] + span, .fr label input[type="radio"] + span {display: inline-block;}
		.fr label .wpcf7-checkbox span.wpcf7-list-item-label {display: inline;}
		span.wpcf7-list-item {margin-left: 0 !important;}
		.fr label input[type="number"], .fr label input[type="text"], .fr label input[type="email"], .fr label input[type="tel"], .fr label select, .fr label textarea {display: block;}
		label.error {color: #ff0000;}
		.fr.fr-submit {text-align: center;}
		.fr.fr-hidden {display: none;}
		

			.newsletter-input-box {
				float: left;
				width: calc(100% - 100px);
			}
				.newsletter-input-box input#subscribe_email {
					float: left;
					width: 100%;
					vertical-align: middle;
					color: #555555;
					padding: 7px 5px;
				}
			.newsletter-submit-box {
				float: right;
				
				width: 100px;
				text-align: center;
			}
				.newsletter-submit-box input.button-subscribe, .newsletter-submit-box button {
					display: block;
					-webkit-appearance: none;
					text-align: center;
					border: none;
					width: 100%;
					font-size: 16px;
					padding: 7px 5px;
					cursor: pointer;
				}
					.newsletter-submit-box button i {font-size: 30px;}
			.integral#newsletter-row {
				border-radius: 3px;
				background: #fff;
			}
				.integral .newsletter-input-box {width: calc(100% - 60px);}
				.integral .newsletter-submit-box {width: 50px;}
				.integral .newsletter-input-box input#subscribe_email {border: none; background: 0;}
				.integral .newsletter-submit-box input.button-subscribe, .integral .newsletter-submit-box button {background: 0;}
		




.scroll-table {
    width: 100%;
    border: none;
    border-spacing: 0;
    background: 0;
}
    .scroll-table tbody tr:nth-child(2n+1) {background: #F4F4F4;}
        .scroll-table th {
            padding: 20px;
            text-align: left;
            border: none;
            color: #000;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 24px;
            background: 0;
        }
            .scroll-table thead th {
                text-transform: uppercase;
                color: #000;
                font-size: 12px;
                font-weight: bold;
                letter-spacing: 0.38px;
                line-height: 28.8px;
            }
        .scroll-table td {
            padding: 20px;
            text-align: left;
            border: none;
            color: #000;
            font-size: 13px;
            letter-spacing: 0;
            line-height: 22px;
            background: 0;
        }

#section-welcome {
	padding: 120px 0 170px;
	position: relative;
	font-family: 'roboto slab', serif;
	background: #333 url(images/welcome.png) no-repeat center top / cover;
}
	#welcome-rectangle {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 106px;
		background-repeat: repeat-x;
		background-image: url(images/welcome-rectangle.png);
	}
	#to-first {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	#welcome1 {
		font-size: 42px;
		font-weight: 600;
		text-transform: uppercase;
		color: #3b83c6;
	}
	#welcome2 {
		font-size: 100px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
	}
	#welcome3 {
		font-size: 42px;
		font-weight: 600;
		text-transform: uppercase;
		color: #3b83c6;
	}
	#welcome4 {
		color: #aaa;
		max-width: 875px;
		font-size: 27px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 40px auto 0;
	}
.intro {
	margin-bottom: 80px;
}
	.intro-element {
		display: inline-block;
		margin-left: 25px;
		padding-left: 25px;
		border-left: 1px solid #aea8a2;
		vertical-align: top;
	}
		.intro-element:first-child {
			margin-left: 0;
			padding-left: 0;
			border: none;
		}
		.intro-element-label {
			color: #aea8a2;
			font-size: 14px;
		}
		.intro-element-data {
			font-size: 18px;
			color: #fff;
		}
.section-right .intro, .section-right h2 {
	text-align: right;
}
#section-into-explode-image {
	padding: 380px 0;
}
#section-making-aid-transparent {
	padding: 320px 0 100px;
	background: #333 url(images/making-aid-transparent.png) no-repeat center 80px;
}
#section-professional-services-demo {
	padding: 130px 0;
	background: #333 url(images/professional-services-demo.png) no-repeat center top;
}
	.quote-text {
		font-family: times, "times new roman", serif;
		font-size: 25px;
	}
	.quote-author {font-weight: 600; margin-bottom: 35px;}
	.quote-author-name {color: #f0cc71;}
	.quote-author-title {padding-left: 2px;}

			.phones-row-1 img {display: block; margin: 0 auto; text-align: center;}

#section-hcm-industry-demo {
	padding: 195px 0 200px;
	background: #333 url(images/hcm-industry-demo.png) no-repeat center top;
}

#section-various-projects {
	padding: 75px 0 110px;
	background: #333 url(images/various-projects.png) no-repeat center top;
}

#section-industrial-manufacturing-demo {
	padding: 100px 0 115px;
	background: #333 url(images/industrial-manufacturing-demo.png) no-repeat center top;
	margin-top: 145px;
}

#section-aol-shopping {
	padding: 260px 0 75px;
	background: #333 url(images/aol-shopping.png) no-repeat center top;
}

#section-dc-gov-website-project {
	padding: 400px 0 50px;
	background: #333 url(images/dc-gov-website-project.png) no-repeat center top;
}

#section-gospel-cry {
	padding: 400px 0 50px;
	background: #333 url(images/gospel-bg.png) no-repeat center top;
}

#section-america-supports-solar {
	padding: 250px 0 150px;
	background: #333 url(images/america-supports-solar.png) no-repeat center top;
}

#section-valero {
	padding: 254px 0 200px;
	background: #333 url(images/valero.png) no-repeat center top;
	margin-top: 140px;
}

#section-kuchara-food-service-app {
	padding: 95px 0 60px;
	background: #333 url(images/kuchara-food-service-app.png) no-repeat center top;
}
	.kuchara img {display: block;}

#section-nec-curb-2-pillow-concept {
	padding: 250px 0 30px;
	background: #333 url(images/nec-curb-2-pillow-concept.png) no-repeat center top;
}

#section-church-outreach-campaign {
	padding: 375px 0 160px;
	background: #333 url(images/church-outreach-campaign.png) no-repeat center top;
}

#section-bbc-app-project {
	padding: 120px 0 260px;
	background: #333 url(images/bbc-app-project.png) no-repeat center top;
}
	.bbc-number {
		text-align: center;
		/*margin-top: 30px;*/
		margin-bottom: 15px;
	}
		.bbc-number span {
			display: block;
			text-align: center;
			margin: 0 auto;
			width: 42px;
			height: 42px;
			border-radius: 50%;
			color: #fff;
			font-weight: bold;
			font-size: 24px;
			padding-top: 3px;
			background: #F385AA;
		}
	.bbc-text {
		min-height: 104px;
	}
		.bbc-title {
			color: #AEA8A2;
			font-size: 18px;
			text-transform: uppercase;
		}
		.bbc-desc {
			font-size: 12px;
			color: #8B8580;
		}

#section-various-illustration-projects {
	padding: 110px 0 280px;
	background: #333 url(images/various-illustration-projects.png) no-repeat center top;
}

#section-human-resources-animation {
	padding: 160px 0 150px;
	background: #333 url(images/human-resources-animation.png) no-repeat center top;
}

#section-kinross-hype-video {
	padding: 130px 0 150px;
	background: #333 url(images/kinross-hype-video.png) no-repeat center top;
}

#section-testimonials {
	padding: 0 0 160px;
}

.skills-box {
	padding: 20px;
	height: 100%;
}
.skills-box-gray {border-radius: 10px; background: #2b2b2b;}

ul.flat-list {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
	ul.flat-list li {
		display: block;
		padding: 0;
		margin: 8px 0;
		font-size: 14px;
		font-weight: bold;
		list-style: none;
	}

.form-box {
	display: block;
	margin: 0 auto;
	
}
	.form-box input {
		display: block;
		color: #8A8A8A;
		font-size: 18px;
		width: 100%;
		padding: 21px 30px;
		border: none;
		border-radius: 5px;
		background: #2b2b2b;
	}
	.form-box textarea {
		display: block;
		color: #8A8A8A;
		font-size: 18px;
		width: 100%;
		height: 286px;
		padding: 21px 30px;
		border: none;
		border-radius: 5px;
		background: #2b2b2b;
	}
	.form-box input[type="submit"]{
		width: 230px;
		color: #fff;
		padding: 21px 10px;
		text-align: center;
		background: #3B83C6;
	}

#section-thank-you, #section-failed {padding: 150px 0;}

.mobile-close img {max-height: 20px;}







#custom-lightbox-overlay {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0,0,0,0.85);
}
	.custom-lightbox-active #custom-lightbox-overlay {display: block;}

#custom-lightbox-container {
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	z-index: 1001;
	margin: 50px;
}
.custom-lightbox-active #custom-lightbox-container {display: block;}
	#custom-lightbox-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
	}
		#custom-lightbox-content iframe {
			display: block;
			margin: 0 auto;
			width: 100%;
			height: 100%;
			max-width: 80%;
			max-height: 80%;
			margin-top: 5%;
		}
	#custom-lightbox-content-actual {position: relative;}
	#custom-lightbox-close {
		position: absolute;
		top: -35px;
		right: -35px;
		display: block;
		width: 25px;
		height: 25px;
		cursor: pointer;
		background: transparent url(images/x.svg) no-repeat center center / contain;
	}
@media only screen and (min-width: 992px) {
	.h-lg-100 {height: 100%;}
}
@media only screen and (max-width: 991px) {
	#custom-lightbox-container {
		width: calc(100% - 30px);
		height: calc(100% - 30px);
		margin: 15px;
	}
	#custom-lightbox-content iframe {
		height: auto;
		min-height: 420px;
		max-width: 100%;
		max-height: 100%;
		margin-top: 0;
	}
	#custom-lightbox-close {right: 0;}
}


.btn.btn-primary {
	font-size: 14px;
	font-weight: 600;
	padding: 10px 33px;
	background-color: #3B83C6;
}

.testimonial {
	margin-top: 50px;
	margin-left: 20px;
}
	.testimonial-quote {
		font-style: italic;
		font-size: 16px;
		color: #8a8a8a;
	}
	.testimonial-author {
		margin-top: 20px;
	}
		.testimonial-author-name {
			color: #fff;
			font-size: 18px;
			font-weight: bold;
		}
		.testimonial-author-title {
			font-size: 14px;
		}



@media only screen and (min-width: 1259px) {
	.content-group-phones-1-5 {
		padding-top: 200px;
	}
}
@media only screen and (max-width: 1259px) {
	#mobile-menu .inner {padding: 0;}
	.gutter5, .gutter7, .gutter10, .gutter12, .gutter15 {margin-left: 0; margin-right: 0;}
	.scroll-table {
		display: block;
		-moz-max-width: -moz-fit-content;
		max-width: fit-content;
		margin: 0 auto;
		overflow-x: auto;
		-webkit-scrollbar-color: #7D7D7E #2A2A2C;
		scrollbar-color: #7D7D7E #2A2A2C;
		background: #2B2B2B;
	}

	.scroll-table::-webkit-scrollbar-thumb {
		background: #7D7D7E;
	}

	.scroll-table::-webkit-scrollbar-track {
		background: #2A2A2C;
	}

	.scroll-table img {display: block;}

	.scroll-table thead th {text-align: center;}
	.skills-table img {display: block; width: auto; max-width: none;}
}
@media only screen and (min-width: 992px) and (max-width: 1259px) {
	.content-group-phones-1-5 {padding-top: 365px;}
}
@media only screen and (min-width: 992px) {
	.cell-phone5 {position: relative;}
		.phone5 {
			position: absolute;
			bottom: 0;
			right: 0;
		}
	.col-lg-20p {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
}
@media only screen and (max-width: 991px) {
	html {-webkit-text-size-adjust: 100%;}
	.mobile-only, .mobileonly {display: block;}
	.fullwidth-slider .inner {padding: 0;}
	#search {display: none; margin: 0 0 5px;}

	
	.mobilehide, .mobile-hide {display: none !important;}


	.t {font-size: 12px;}
	
	h2 {font-size: 25px;}
	#logo img {max-height: 60px;}
	.intro-element {display: block; border: none; margin: 20px 0 0 0; padding: 0;}
	.intro-element-data {font-size: 17px;}
	#section-making-aid-transparent {padding: 140px 0 50px; background-size: contain; background-position: center top;}
	#section-professional-services-demo {padding: 50px 0;}
	#section-hcm-industry-demo {padding: 100px 0 50px; background-position: center 222px;}
	#section-various-projects {background-position: center 125px;}
	#section-industrial-manufacturing-demo {padding: 50px 0 50px; background-position: center 75px;}
	#section-aol-shopping {padding: 100px 0 75px; background-size: 50%; background-position: left 180px;}
	#section-aol-shopping .intro, #section-aol-shopping h2 {text-align: right;}
	#section-dc-gov-website-project {padding: 200px 0 80px;}
	#section-america-supports-solar {padding: 15px 0 50px; background-size: contain;}
	#section-valero {padding: 50px 0 100px; background-size: contain; background-position: center 75px;}
	#section-kuchara-food-service-app {padding: 50px 0 100px; background-size: contain; background-position: center 75px;}
	#section-nec-curb-2-pillow-concept {padding: 50px 0 100px; background-size: contain; background-position: center top;}
	#section-church-outreach-campaign {padding: 50px 0 170px; background-size: contain; background-position: center -100px;}
	#section-bbc-app-project {padding: 0 0 150px; background-size: contain; background-position: center top;}
	#section-various-illustration-projects {padding: 110px 0 160px; background-size: contain; background-position: center 135px;}
	#section-human-resources-animation {padding: 50px 0 50px; background-size: 50%; background-position: right 100px;}
	#section-kinross-hype-video {padding: 50px 0 100px; background-size: contain; background-position: center 135px;}
	#section-testimonials {padding-top: 40px;}
	.form-box input[type="submit"] {width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.tablet-only {display: block;}
}
@media only screen and (min-width: 768px) {

}
@media only screen and (max-width: 767px) {
	.phone-only, .phoneonly  {display: block;}
	#logo-text a {font-size: 26px;}
	#logo-text span.subtitle {font-size: 18px;}
	.quote-text {font-size: 16px;}
	#welcome1, #welcome3 {font-size: 20px;}
	#welcome2 {font-size: 70px;}
	#welcome4 {font-size: 13px;}
	#section-hcm-industry-demo {background-size: contain;}
}

@media only screen and (max-width: 575px) {
	#logo-text a {font-size: 18px;}
	.scroll-table th, .scroll-table td {max-width: 140px;}
}



/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .floating-label > label {
    display: none;
  }
  .floating-label input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .floating-label > label {
    display: none;
  }
  .floating-label input:-ms-input-placeholder {
    color: #777;
  }
}