/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #282F36; font-family: 'Lato', sans-serif }
.no-scroll { overflow: hidden }
.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100vh; opacity: 0; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 999 }
	.overlay.active { display: block; opacity: 1 }
a { text-decoration: none !important }
.alert { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
#navbar-top { background-color: #282F36; text-align: right }
	#navbar-top #btn-sidebar { display: none }
	#navbar-top #navbar-top-phone { color: #FFF; display: inline-block; font-size: 28px; font-weight: 700; position: relative; top: 2px }
	#navbar-top #navbar-top-login { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #8A8C8E; color: #FFF; display: inline-block; font-size: 20px; margin: 0 15px 0 25px; padding: 9px 20px 10px 20px; text-transform: uppercase; transition: 0.3s }
	#navbar-top #navbar-top-login:hover { background-color: #737476 }
	#navbar-top .navbar-top-social { color: #FFF; font-size: 26px; margin-left: 15px }
		#navbar-top .navbar-top-social i { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
		#navbar-top .navbar-top-social i.fa-facebook-f:hover { color: #4267B2 }
		#navbar-top .navbar-top-social i.fa-linkedin-in:hover { color: #0072B1 }
		#navbar-top .navbar-top-social i.fa-twitter:hover { color: #1DA1F2 }
		#navbar-top .navbar-top-social i.fa-youtube:hover { color: #FF0000 }
header #header-logo { display: block; margin: 20px 0; width: 300px }
header #navbar-main { padding: 0 }
	header #navbar-main .nav-item .nav-link { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: #282F36; font-size: 20px; padding: 9px 15px 20px 15px; text-transform: uppercase; transition: 0.3s }
	header #navbar-main .nav-item .nav-link:hover, header #navbar-main .nav-item.active .nav-link, header #navbar-main .nav-item.show .nav-link { background-color: #E4322B; color: #FFF }
	header #navbar-main .dropdown-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 }
		header #navbar-main .dropdown-menu .dropdown-item { color: #282F36 !important }
		header #navbar-main .dropdown-menu .dropdown-item:hover, header #navbar-main .dropdown-menu .dropdown-item:active { background-color: #E9ECEF }
	header #navbar-main .dropdown-toggle:after { display: none }
#latest-news { padding: 60px 0; text-align: center }
	#latest-news .latest-news { color: #282F36; display: block; padding-bottom: 60px }
	#latest-news .latest-news-img { -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%) }
	#latest-news h3 { font-size: 28px; letter-spacing: 7px; margin: 0; padding-bottom: 30px; text-transform: uppercase }
	#latest-news h4 { font-size: 22px; margin: 0; min-height: 102px; padding: 10px 0 }
	#latest-news p { font-size: 18px; margin: 0; padding: 0 10px }
#join-community { background: url('/img/layout/bg-join-community.jpg') no-repeat top right -100px; background-size: cover; height: 525px }
	#join-community #join-community-text { width: 800px }
	#join-community h3 { font-size: 40px; font-weight: 700; margin: 0; padding: 90px 0 40px 0 }
	#join-community p { font-size: 24px; margin: 0; padding: 0 210px 50px 0 }
	#join-community a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; border: 1px solid #282F36; color: #282F36; font-size: 20px; padding: 14px 20px 15px 20px; text-transform: uppercase; transition: 0.3s }
	#join-community a:hover { background-color: #282F36; color: #FFF }
#testimonial { padding: 100px 0; text-align: center }
	#testimonial.testimonial-alt { background-color: #F2F2F2 }
	#testimonial #testimonial-text { position: relative }
		#testimonial #testimonial-text:before { color: rgba(228, 50, 43, .21); content: '\f10d'; font-family: 'Font Awesome 5 Pro'; font-size: 98px; font-weight: 700; left: -105px; position: absolute; top: -35px }
		#testimonial #testimonial-text:after { bottom: 20px; color: rgba(228, 50, 43, .21); content: '\f10e'; font-family: 'Font Awesome 5 Pro'; font-size: 98px; font-weight: 700; right: -105px; position: absolute }
	#testimonial #testimonial-text p { font-size: 28px; font-style: italic; font-weight: 300; margin: 0 }
		#testimonial #testimonial-text p small { font-size: 14px; font-style: normal; font-weight: 400; text-transform: uppercase }
		#testimonial #testimonial-text p+p { padding-top: 20px }
#info-demo { background-color: #D0D0D0 }
	#info-demo i { background-color: #E4322B; color: #FFF; font-size: 106px; padding: 17px 25px 15px 25px }
	#info-demo h5 { font-size: 30px; font-weight: 700; margin: 48px 0 0 0 }
	#info-demo a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: 1px solid #282F36; color: #282F36; display: inline-block; font-size: 20px; margin-top: 44px; padding: 9px 40px 10px 40px; text-align: center; text-transform: uppercase; transition: 0.3s }
	#info-demo a:hover { background-color: #282F36; color: #FFF }
#client-logos { padding: 80px 0 100px 0 }
	#client-logos h6 { color: #DDD; font-size: 26px; font-weight: 700; letter-spacing: 10px; margin: 0; padding-bottom: 40px; text-align: center; text-transform: uppercase }
#get-knowledge { background-color: #282F36; color: #FFF; /*padding: 50px 0*/ }
	#get-knowledge h4 { font-size: 48px; font-weight: 700; line-height: 48px; margin: 0 }
	#get-knowledge p { font-size: 24px; line-height: 28px; margin: 0; padding: 5px 175px 0 100px }
	#get-knowledge a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: 1px solid #FFF; color: #282F36; display: block; font-size: 20px; margin-top: 22px; padding: 10px 0; text-align: center; text-transform: uppercase; transition: 0.3s }
	#get-knowledge a:hover { background-color: #282F36; color: #FFF }
#locations { background-color: #F7F7F7; padding: 30px 0 }
	#locations #locations-text { padding: 30px 0 0 50px }
		#locations #locations-text ul { font-size: 22px; list-style: none; margin: 0; padding: 30px 0 0 30px }
			#locations #locations-text ul a { color: #282F36 }
				#locations #locations-text ul a i { padding-right: 5px }
		#locations #locations-text p { font-size: 22px; padding: 20px 0 0 30px }
			#locations #locations-text p i { color: #009A9A; padding-right: 5px }
#solutions-boxes { background-color: #DDD; margin-bottom: 50px; padding: 70px 0 20px 0; text-align: center }
	#solutions-boxes.solutions-boxes-alt { background-color: #FFF }
	#solutions-boxes h3 { font-size: 32px; font-weight: 600; margin: 0; padding-bottom: 50px }
	#solutions-boxes .card-columns { -moz-column-count: 5; -moz-column-gap: 30px; -webkit-column-count: 5; -webkit-column-gap: 30px; column-count: 5; column-gap: 30px }
		#solutions-boxes .card-columns .card { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: transparent; border: none; border-radius: 0; margin: 0 }
			#solutions-boxes .card-columns .card .solutions-box { color: #282F36; display: block; margin-bottom: 50px }
				#solutions-boxes .card-columns .card .solutions-box .solutions-box-img { -webkit-clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%) }
				#solutions-boxes .card-columns .card .solutions-box h4 { font-size: 26px; font-weight: 700; margin: 0; padding: 15px 0 10px 0 }
				#solutions-boxes .card-columns .card .solutions-box p { font-size: 15px; margin: 0; min-height: 85px; padding-bottom: 15px }
				#solutions-boxes .card-columns .card .solutions-box span { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: 1px solid #282F36; display: inline-block; font-size: 20px; padding: 9px 20px 10px 20px; text-transform: uppercase; transition: 0.3s }
				#solutions-boxes .card-columns .card .solutions-box span:hover { background-color: #282F36; color: #FFF }
footer { padding: 60px 0 }
	footer #footer-logo { display: block; width: 300px }
	footer address { font-size: 18px; margin: 0; padding: 0 60px 0 20px }
		footer address a { color: #282F36 !important }
	footer #footer-phone { font-size: 18px }
		footer #footer-phone a { color: #282F36; font-weight: 700 }
	footer #footer-social { text-align: right }
		footer #footer-social a { color: #282F36; font-size: 26px; margin-left: 15px }
			footer #footer-social a i { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
			footer #footer-social a i.fa-facebook-f:hover { color: #4267B2 }
			footer #footer-social a i.fa-linkedin-in:hover { color: #0072B1 }
			footer #footer-social a i.fa-twitter:hover { color: #1DA1F2 }
			footer #footer-social a i.fa-youtube:hover { color: #FF0000 }
	footer #footer-links { font-size: 16px; text-align: right; text-transform: uppercase }
		footer #footer-links a { color: #282F36 }
		footer #footer-links span { padding: 0 10px }
		footer #footer-links br { display: none }
#footer-bottom { background-color: #2D2D2E; color: #FFF; font-size: 14px; font-weight: 300; padding: 10px 0 }
	#footer-bottom #footer-bottom-copyright a { color: #FFF }
	#footer-bottom #footer-bottom-copyright br { display: none }
	#footer-bottom #footer-bottom-designed { text-align: right }
		#footer-bottom #footer-bottom-designed img { padding-left: 5px; position: relative; top: -1px; width: 220px }

/* content */
.content h3 { font-size: 32px; font-weight: 600; margin: 0; padding-bottom: 30px }
.content h4 { color: #E4322B; font-size: 22px; font-style: italic; margin: 0; padding-bottom: 30px }
.content p { font-size: 18px; margin: 0; padding-bottom: 30px }
	.content p.lead { font-size: 20px; font-weight: 400 }
	.content p a { color: #282F36 }
.content ul { font-size: 18px; list-style: none; margin: 0; padding: 0 0 30px 0 }
	.content ul li { padding: 0 0 8px 26px }
	.content ul li:before { color: #E4322B; content: '\f45c'; font-family: 'Font Awesome 5 Pro'; font-size: 12px; font-weight: 700; margin: 0 14px 0 -26px; position: relative; top: -2px }
.content img { margin-bottom: 30px }
.content .embed-responsive { margin-bottom: 30px }
.content .border-img-video { border: 15px solid #DDD }
.content .img-wrap img { background-color: #DDD; border: 5px solid #DDD; display: block; float: left; margin: 5px 15px 0 0; width: 180px }
.content .info-box { background-color: #F2F2F2; margin-bottom: 30px; padding: 20px 20px 0 20px }
	.content .info-box h3, .content .info-box h4, .content .info-box p, .content .info-box ul, .content .info-box img { padding-bottom: 20px }
	.content .info-box .embed-responsive { margin-bottom: 20px }
.content .accordion { margin-bottom: 30px }
	.content .accordion .card { -moz-border-radius: 0; -webkit-border-radius: 0; border-color: #DDD; border-radius: 0 }
		.content .accordion .card .card-header { background-color: #E9E8E8; border-color: #DDD }
			.content .accordion .card .card-header button { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #282F36; font-size: 20px; font-weight: 600; outline: none; padding-left: 0; padding-right: 0; text-decoration: none }

/* sidebar */
#sidebar { background-color: #282F36; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); color: #FFF; height: 100vh; left: -275px; overflow-y: scroll; position: fixed; top: 0; transition: all 0.3s; width: 275px; z-index: 1000 }
	#sidebar.active { left: 0 }
	#sidebar .sidebar-header { padding: 20px 10px 17px 10px }
		#sidebar .sidebar-header h3 { font-size: 28px }
	#sidebar #dismiss { background-color: #E4322B; color: #FFF; cursor: pointer; height: 35px; line-height: 35px; position: absolute; right: 10px; text-align: center; top: 20px; width: 35px }
	#sidebar ul { margin: 0 }
		#sidebar ul p { color: #FFF; padding: 10px }
		#sidebar ul li a { color: #FFF; display: block; font-size: 18px; padding: 10px; text-decoration: none !important }
		#sidebar ul li.active>a, #sidebar a[aria-expanded="true"] { color: #FFF !important }
		#sidebar ul ul a { background-color: #E4322B; color: #FFF; font-size: 16px !important; padding-left: 30px !important }
	#sidebar a[data-toggle="collapse"] { position: relative }
	#sidebar .dropdown-toggle::after { display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }

/* cookie bar */
#cookie-bar { background-color: #8A8C8E; bottom: 0; color: #FFF; height: auto; padding: 8px 0; position: fixed; text-align: center; width: 100%; z-index: 998 }
	#cookie-bar p { font-size: 14px; margin: 0; padding: 0; text-shadow: none }
	#cookie-bar br { display: none }
	#cookie-bar a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; display: inline-block; font-size: 14px; margin-left: 8px; padding: 0 6px; text-decoration: none; text-transform: uppercase; transition: 0.3s }
	#cookie-bar .cb-enable { background-color: #E4322B; color: #FFF }
	#cookie-bar .cb-enable:hover { background-color: #CC2D27 }
	#cookie-bar .cb-policy { background-color: #282F36; color: #FFF }
	#cookie-bar .cb-policy:hover { background-color: #181C20 }

@media (max-width: 4200px) {
	/* global */
	.container { max-width: 1430px }
}

@media (max-width: 1459px) {
	/* global */
	.container { max-width: 1140px }
	#navbar-top #navbar-top-phone { font-size: 24px }
	#navbar-top #navbar-top-login { font-size: 18px; margin: 0 12px 0 22px }
	#navbar-top .navbar-top-social { font-size: 22px; margin-left: 13px }
	header #header-logo { margin: 15px 0; width: 250px }
	header #navbar-main .nav-item .nav-link { font-size: 17px; padding: 8px 14px 19px 14px }
	#latest-news h3 { font-size: 24px }
	#latest-news h4 { font-size: 18px; min-height: 87px }
	#latest-news p { font-size: 16px }
	#join-community { background: url('/img/layout/bg-join-community.jpg') no-repeat top right -150px; background-size: cover; height: 475px }
		#join-community #join-community-text { width: 700px }
		#join-community h3 { font-size: 34px; padding: 85px 0 35px 0 }
		#join-community p { font-size: 20px }
		#join-community a { font-size: 18px }
	#testimonial { padding: 90px 0 }
		#testimonial #testimonial-text:before { font-size: 80px; left: -85px; top: -30px }
		#testimonial #testimonial-text:after { bottom: 15px; font-size: 80px; right: -85px }
		#testimonial #testimonial-text p { font-size: 22px }
	#info-demo i { font-size: 90px }
	#info-demo h5 { font-size: 23px }
	#info-demo a { margin-top: 35px }
	#client-logos { padding: 70px 0 90px 0 }
		#client-logos h6 { font-size: 24px; letter-spacing: 8px; padding-bottom: 35px }
	#get-knowledge { padding: 45px 0 }
		#get-knowledge h4 { font-size: 38px; line-height: 38px }
		#get-knowledge p { font-size: 20px; line-height: 24px; padding: 2px 150px 0 75px }
		#get-knowledge a { margin-top: 12px }
	#locations #locations-text ul { font-size: 20px; padding: 25px 0 0 23px }
	#locations #locations-text p { font-size: 20px; padding: 15px 0 0 23px }
	#solutions-boxes { padding: 60px 0 10px 0 }
		#solutions-boxes h3 { font-size: 28px; padding-bottom: 40px }
		#solutions-boxes .card-columns .card .solutions-box h4 { font-size: 20px }
		#solutions-boxes .card-columns .card .solutions-box p { font-size: 14px; min-height: 103px }
		#solutions-boxes .card-columns .card .solutions-box span { font-size: 18px }
	footer { padding: 50px 0 }
		footer #footer-logo { width: 250px }
		footer address { font-size: 16px; margin: 0; padding: 0 60px 0 20px }
		footer #footer-phone { font-size: 16px }
		footer #footer-social a { font-size: 22px; margin-left: 13px }
		footer #footer-links { font-size: 14px }
			footer #footer-links span { padding: 0 10px }

	/* content */
	.content h3 { font-size: 28px; padding-bottom: 26px }
	.content h4 { font-size: 20px; padding-bottom: 26px }
	.content p { font-size: 16px; padding-bottom: 26px }
		.content p.lead { font-size: 18px }
	.content ul { font-size: 16px; padding-bottom: 26px }
	.content .embed-responsive { margin-bottom: 26px }
	.content .info-box { margin-bottom: 26px }
		.content .info-box h3, .content .info-box h4, .content .info-box p, .content .info-box ul, .content .info-box img { padding-bottom: 20px }
		.content .info-box .embed-responsive { margin-bottom: 20px }
	.content .accordion .card .card-header button { font-size: 18px }
}

@media (max-width: 1199px) {
	/* global */
	.container { max-width: 960px }
	#navbar-top #navbar-top-phone { font-size: 20px }
	#navbar-top #navbar-top-login { font-size: 16px }
	#navbar-top .navbar-top-social { font-size: 18px }
	header #header-logo { margin: 12px 0; width: 200px }
	header #navbar-main .nav-item .nav-link { font-size: 15px; padding: 7px 13px 18px 13px }
	#latest-news h4 { font-size: 16px; min-height: 81px }
	#latest-news p { font-size: 14px }
	#join-community { background: url('/img/layout/bg-join-community.jpg') no-repeat top right -200px; background-size: cover; height: 425px }
		#join-community #join-community-text { width: 600px }
		#join-community h3 { font-size: 30px; padding: 70px 0 30px 0 }
		#join-community p { font-size: 18px; padding: 0 210px 50px 0 }
		#join-community a { font-size: 16px; padding: 14px 20px 15px 20px }
	#testimonial { padding: 80px 0 }
		#testimonial #testimonial-text:before { font-size: 60px; left: -75px; top: -20px }
		#testimonial #testimonial-text:after { font-size: 60px; right: -75px }
		#testimonial #testimonial-text p { font-size: 19px }
			#testimonial #testimonial-text p small { font-size: 13px }
	#info-demo i { font-size: 75px; padding: 12px 15px 10px 15px }
	#info-demo h5 { font-size: 19px; margin: 38px 0 0 0 }
	#info-demo a { font-size: 18px; margin-top: 25px; padding: 9px 30px 10px 30px }
	#get-knowledge { padding: 40px 0 }
		#get-knowledge h4 { font-size: 30px; line-height: 30px }
		#get-knowledge p { font-size: 18px; line-height: 22px; padding: 0 125px 0 50px }
		#get-knowledge a { font-size: 18px; margin-top: 9px }
	#locations #locations-text { padding: 20px 0 0 30px }
		#locations #locations-text ul { font-size: 18px; padding: 20px 0 0 18px }
		#locations #locations-text p { font-size: 18px; padding: 15px 0 0 18px }
	#solutions-boxes .card-columns { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3 }
		#solutions-boxes .card-columns .card .solutions-box h4 { font-size: 26px }
		#solutions-boxes .card-columns .card .solutions-box p { font-size: 16px; min-height: 90px }
		#solutions-boxes .card-columns .card .solutions-box span { font-size: 20px }
	footer { padding: 45px 0 }
		footer #footer-logo { width: 200px }
		footer address { font-size: 14px }
		footer #footer-phone { font-size: 14px }
		footer #footer-social a { font-size: 18px }
		footer #footer-links { font-size: 13px; padding-top: 20px }
	#footer-bottom { font-size: 13px }
}

@media (max-width: 991px) {
	/* global */
	.container { max-width: 720px }
	header #header-logo { margin: 10px 0; width: 175px }
	header #navbar-main .nav-item.home { display: none }
	header #navbar-main .nav-item .nav-link { font-size: 13px; padding: 6px 12px 17px 12px }
	#latest-news h4 { font-size: 24px; min-height: 108px }
	#latest-news p { font-size: 18px }
	#join-community { background: url('/img/layout/bg-join-community.jpg') no-repeat top right -300px; background-size: cover; height: 375px }
		#join-community #join-community-text { width: 500px }
		#join-community h3 { font-size: 26px; padding: 60px 0 30px 0 }
		#join-community p { font-size: 16px; padding: 0 180px 50px 0 }
		#join-community a { font-size: 14px }
	#testimonial #testimonial-text:before { font-size: 50px; left: -60px }
	#testimonial #testimonial-text:after { bottom: 30px; font-size: 50px; right: -60px }
	#testimonial #testimonial-text p small { font-size: 12px }
	#info-demo i { padding: 22px 15px 20px 15px }
	#info-demo h5 { margin: 15px 0 0 0 }
	#info-demo a { margin-top: 15px; padding: 9px 40px 10px 40px }
	#client-logos { padding: 60px 0 80px 0 }
		#client-logos h6 { font-size: 22px; letter-spacing: 7px; padding-bottom: 35px }
	#get-knowledge { text-align: center }
		#get-knowledge h4 { font-size: 38px; line-height: 38px }
		#get-knowledge p { font-size: 20px; line-height: 24px; padding: 20px 100px 30px 100px }
		#get-knowledge a { font-size: 20px; margin: 0 auto; width: 200px }
	#locations #locations-text { padding: 15px 0 0 0 }
		#locations #locations-text ul { font-size: 15px; padding: 15px 0 0 16px }
		#locations #locations-text p { font-size: 15px; padding: 12px 0 0 16px }
	#solutions-boxes .card-columns .card .solutions-box h4 { font-size: 20px }
	#solutions-boxes .card-columns .card .solutions-box p { font-size: 14px; min-height: 103px }
	#solutions-boxes .card-columns .card .solutions-box span { font-size: 18px }
	footer { padding: 40px 0 }
		footer #footer-logo { margin: 0 auto 20px auto; width: 250px }
		footer #footer-social { padding-top: 20px; text-align: center }
		footer #footer-links { text-align: center }
	#footer-bottom { font-size: 14px; padding-bottom: 13px; text-align: center }
		#footer-bottom #footer-bottom-designed { padding-top: 5px; text-align: center }
}

@media (max-width: 767px) {
	/* global */
	.container { max-width: 540px }
	#navbar-top { height: 43px; position: fixed; width: 100%; z-index: 10 }
		#navbar-top #btn-sidebar { background: none; border: none; color: #FFF; display: block; font-size: 20px; font-weight: 500; padding: 5px 0 8px 0; text-transform: uppercase; width: 100% }
			#navbar-top #btn-sidebar i { padding-right: 5px }
		#navbar-top #navbar-top-contact { display: none }
	header { padding-top: 43px }
		header #header-logo { margin: 15px auto; width: 250px }
	#latest-news h4 { min-height: 0 }
	#join-community { background: url('/img/layout/bg-join-community.jpg') no-repeat top right -350px; background-size: cover; height: 375px }
		#join-community #join-community-text { width: 350px }
		#join-community h3 { padding: 30px 0 30px 0 }
		#join-community p { padding: 0 80px 50px 0 }
	#testimonial { padding: 70px 0 }
		#testimonial #testimonial-text:before { font-size: 40px; left: -45px; top: -15px }
		#testimonial #testimonial-text:after { bottom: 25px; font-size: 40px; right: -45px }
		#testimonial #testimonial-text p { font-size: 17px }
	#info-demo { padding-bottom: 40px }
		#info-demo h5 { font-size: 22px; margin: 0; padding: 40px 40px 20px 40px }
		#info-demo a { margin-top: 0; padding: 9px 40px 10px 40px }
	#get-knowledge h4 { font-size: 30px; line-height: 30px }
	#get-knowledge p { font-size: 18px; line-height: 22px; padding: 20px 50px 30px 50px }
	#get-knowledge a { font-size: 18px }
	#locations #locations-text { padding: 0 0 25px 0 }
		#locations #locations-text img { display: block; margin: 0 auto 10px auto; width: 250px }
		#locations #locations-text p { font-size: 15px; padding: 30px 0 0 16px }
	#solutions-boxes h3 { font-size: 26px; padding-bottom: 40px }
	#solutions-boxes .card-columns { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2 }
		#solutions-boxes .card-columns .card .solutions-box p { min-height: 82px }
	footer #footer-links { font-size: 12px }
		footer #footer-links span { padding: 0 8px }

	/* content */
	.content .border-img-video { border: 10px solid #DDD }
}

@media (max-width: 575px) {
	/* global */
	.container { max-width: 100% }
	#latest-news h4 { font-size: 20px }
	#latest-news p { font-size: 14px }
	#join-community { background: none #F7F7F7; height: auto; padding-bottom: 50px; text-align: center }
		#join-community #join-community-text { width: auto }
		#join-community p { padding: 0 0 50px 0 }
	#testimonial #testimonial-text { padding: 0 15px }
		#testimonial #testimonial-text:before { display: none }
		#testimonial #testimonial-text:after { display: none }
		#testimonial #testimonial-text p small { display: block; line-height: 16px }
	#info-demo h5 { font-size: 20px; padding: 40px 20px 20px 20px }
	#get-knowledge h4 { font-size: 24px; line-height: 24px }
	#get-knowledge p { padding: 20px 15px 30px 15px }
	#solutions-boxes .card-columns { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; column-gap: 0 }
		#solutions-boxes .card-columns .card .solutions-box h4 { font-size: 26px }
		#solutions-boxes .card-columns .card .solutions-box p { font-size: 16px; min-height: 0; padding-left: 30px; padding-right: 30px }
		#solutions-boxes .card-columns .card .solutions-box span { font-size: 20px }
	footer address { padding: 0 0 20px 0; text-align: center }
	footer #footer-phone { text-align: center }
	footer #footer-links span { display: none }
	footer #footer-links br { display: inline }
	#footer-bottom #footer-bottom-copyright span { display: none }
	#footer-bottom #footer-bottom-copyright br { display: inline }
	#footer-bottom #footer-bottom-designed { padding-top: 8px }

	/* content */
	.content .img-wrap img { width: 150px }

	/* cookie bar */
	#cookie-bar br { display: inline }
	#cookie-bar a { margin-top: 5px }
}

@media (max-width: 374px) {
	/* global */
	#info-demo h5 { padding: 40px 0 20px 0 }
	#solutions-boxes .card-columns .card .solutions-box p { padding-left: 15px; padding-right: 15px }
}