/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #323232; font-family: 'Open Sans', 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 }
a.link-noshow { color: #323232; }
a.link-noshow:hover { color: #323232; }
header { -moz-box-shadow: inset 0 -41px 0 0 #FFF, inset -34vw 0 0 0 #8ABF46; -webkit-box-shadow: inset 0 -41px 0 0 #FFF, inset -34vw 0 0 0 #8ABF46; border-top: 9px solid #8ABF46; box-shadow: inset 0 -41px 0 0 #FFF, inset -34vw 0 0 0 #8ABF46; height: 122px }
	header #header-logo { display: block; margin: 16px 0; width: 408px }
	header #header-buttons #btn-header-quote { background-color: #F7CC1F; border: 2px solid #616161; color: #424242; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700; padding: 7px 35px 10px 35px; text-transform: uppercase }
	header #header-buttons #btn-header-contact { background-color: #8ABF46; border: 2px solid #8ABF46; color: #FFF; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700; margin-left: 10px; padding: 7px 35px 10px 35px; text-transform: uppercase }
	header #header-contact { text-align: right }
		header #header-contact #header-phone { -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; background-color: #8ABF46; border-bottom-left-radius: 6px; color: #FFF; font-family: 'Oswald', sans-serif; font-size: 45px; height: 72px; padding: 0 0 5px 20px }
			header #header-contact #header-phone i { font-size: 33px; position: relative; top: -5px }
		header #header-contact #header-login { background-color: #F7CC1F; border: 2px solid #FFF; color: #424242; font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 700; margin: 0 0 -10px 10px; padding: 8px 30px; position: relative; text-transform: uppercase; top: -20px }
		header #header-contact #header-email { color: #323232; display: inline-block; font-size: 16px; padding-top: 12px }
#top-bar { background-color: #FFF; position: fixed; width: 100%; z-index: 997 }
	#top-bar .navbar { background-color: #323232; font-size: 15px; padding: 0 }
		#top-bar .navbar .navbar-nav { display: table; width: 100% }
			#top-bar .navbar .navbar-nav .nav-item { border-left: 1px solid #FFF; display: table-cell; text-align: center }
			#top-bar .navbar .navbar-nav .nav-item:last-child { border-right: 1px solid #FFF }
				#top-bar .navbar .navbar-nav .nav-item .nav-link { -moz-box-shadow: inset 0 0 0 0 #8ABF46; -moz-transition: all ease 0.8s; -o-transition: all ease 0.8s; -webkit-box-shadow: inset 0 0 0 0 #8ABF46; -webkit-transition: all ease 0.8s; border-bottom: 4px solid #8ABF46; box-shadow: inset 0 0 0 0 #8ABF46; color: #FFF; font-size: 15px; padding: 10px 20px; text-transform: uppercase; transition: all ease 0.8s }
				#top-bar .navbar .navbar-nav .nav-item .nav-link:hover, #top-bar .navbar .navbar-nav .nav-item.show .nav-link { -moz-box-shadow: inset 0 -100px 0 0 #8ABF46; -webkit-box-shadow: inset 0 -100px 0 0 #8ABF46; background-color: #8ABF46; box-shadow: inset 0 -100px 0 0 #8ABF46 }
				#top-bar .navbar .navbar-nav .nav-item.active .nav-link { -moz-box-shadow: inset 0 -100px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 -100px 0 0 #F7CC1F; background-color: #F7CC1F; border-bottom: 4px solid #F7CC1F; box-shadow: inset 0 -100px 0 0 #F7CC1F; color: #4D4D4D }
				#top-bar .navbar .navbar-nav .dropdown-menu { border: none; border-radius: 0; font-size: 15px; text-transform: uppercase }
#header-space { height: 168px }
#info-bar { background-color: #323232; border-top: 12px solid #8ABF46; color: #FFF; margin-top: 40px; padding: 50px 0 60px 0 }
	#info-bar #new-to-pii { padding-right: 100px }
		#info-bar #new-to-pii h3 { color: #F7CC1F; font-family: 'Oswald', sans-serif; font-size: 52px; margin: 0; padding-bottom: 15px }
		#info-bar #new-to-pii p { font-size: 16px; line-height: 28px; margin: 0; padding-bottom: 20px }
		#info-bar #new-to-pii .btn { background-color: #FFF; border: 2px solid #FFF; color: #4D4D4D; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700; padding: 7px 35px 10px 35px; text-transform: uppercase }
	#info-bar #years { padding-right: 100px }
		#info-bar #years p { color: #FFF; font-family: 'Oswald', sans-serif; font-size: 23px; margin: 0; padding: 20px 10px 0 10px; text-align: center }
	#info-bar #form-callback h3 { color: #F7CC1F; font-family: 'Oswald', sans-serif; font-size: 52px; margin: 0; padding-bottom: 15px }
	#info-bar #form-callback p { font-size: 16px; line-height: 28px; margin: 0; padding-bottom: 20px }
	#info-bar #form-callback input { padding: 25px 15px }
	#info-bar #form-callback .btn { background-color: #8ABF46; border: 2px solid #8ABF46; color: #FFF; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700; padding: 7px 35px 10px 35px; text-transform: uppercase }
#blog-latest h4 { font-family: 'Oswald', sans-serif; font-size: 26px; margin: 0; padding: 70px 0 30px 0; text-align: center; text-transform: uppercase }
	#blog-latest .blog-latest { padding-bottom: 40px; text-align: center }
		#blog-latest .blog-latest h5 { font-family: 'Oswald', sans-serif; font-size: 21px; margin: 0; padding: 25px 75px 30px 75px }
		#blog-latest .blog-latest .btn { background-color: #8ABF46; border: 2px solid #8ABF46; color: #FFF; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700; padding: 7px 35px 10px 35px; text-transform: uppercase }
.get-a-quote { background-color: #86BC3B; color: #FFF; padding: 30px 0 }
	.get-a-quote h2 { font-family: 'Oswald', sans-serif; font-size: 35px; margin: 0 30px 0 0; position: relative; top: -3px }
	.get-a-quote .btn { background-color: #F7CC1F; border: 2px solid #616161; color: #424242; font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 700; padding: 7px 35px 10px 35px; text-transform: uppercase }
#share-this { color: #888; padding: 55px 0 50px 0; text-align: center }
	#share-this h5 { font-size: 16px; margin: 0 0 5px 0 }
#split { -moz-box-shadow: inset 50vw 0 0 0 #8ABF46; -webkit-box-shadow: inset 50vw 0 0 0 #8ABF46; background-color: #323232; box-shadow: inset 50vw 0 0 0 #8ABF46; color: #FFF; padding: 55px 0 50px 0 }
	#split #split-talk { padding: 0 75px 0 100px }
		#split #split-talk h3 { font-family: 'Oswald', sans-serif; font-size: 45px; margin: 0; padding-bottom: 10px }
			#split #split-talk h3 i { font-size: 49px }
		#split #split-talk p { color: #323232; font-size: 16px; margin: 0; padding-bottom: 10px }
			#split #split-talk p.lead { font-size: 21px; font-weight: 600; padding-bottom: 10px }
		#split #split-talk .btn { background-color: #FFF; color: #4D4D4D; font-family: 'Oswald', sans-serif; font-size: 20px; padding: 8px 35px 10px 35px; text-transform: uppercase; margin-top: 15px; }
	#split #split-list { padding-left: 100px; width: 100% }
		#split #split-list h3 { font-family: 'Oswald', sans-serif; font-size: 45px; margin: 0; padding-bottom: 10px }
			#split #split-list h3 span { color: #8ABF46 }
		#split #split-list p { font-size: 16px; margin: 0; padding-bottom: 20px }
	#split #split-list ul { font-size: 16px; list-style: none; padding: 0 }
		#split #split-list ul li { padding: 0 0 0 30px }
		#split #split-list ul li:before { color: #F7CC1F; content: '\f14a'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; font-weight: 300; margin: 0 8px 0 -30px; position: relative; top: 2px }
#people-cover { padding: 70px 0 50px 0 }
	#people-cover #people-cover-left { padding-right: 30px }
	#people-cover #people-cover-right { padding-left: 30px }
	#people-cover h4 { font-family: 'Oswald', sans-serif; font-size: 45px; margin: 0; padding-bottom: 30px }
		#people-cover h4 span { color: #8ABF46 }
	#people-cover h5 { font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 600; margin: 0; padding: 0 0 10px 30px }
		#people-cover h5:before { color: #8ABF46; content: '\f14a'; font-family: 'Font Awesome 5 Pro'; font-size: 22px; font-weight: 700; margin: 0 8px 0 -28px; position: relative; top: 0 }
	#people-cover p { font-size: 16px; line-height: 30px; margin: 0; padding: 0 0 30px 30px }
#separator { background-color: #323232; height: 20px }
#logos { padding: 40px 0; text-align: center }
	#logos img { width: 1000px }
footer { background-color: #323232; color: #FFF; padding: 40px 0 }
	footer #footer-logo { display: block; padding-right: 60px }
	footer address { font-size: 15px }
	footer #footer-contact { font-size: 15px }
		footer #footer-contact a { color: #FFF; font-weight: 700 }
			footer #footer-contact a.email-mask-text { color: #F7CC1F; font-weight: 400 }
	footer #footer-social { padding-top: 10px }
		footer #footer-social a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: rgba(255, 255, 255, .5); font-size: 18px; margin-right: 20px; transition: 0.3s }
		footer #footer-social a:hover { color: rgba(255, 255, 255, 1) }
	footer #footer-links { font-size: 15px; text-align: right; text-transform: uppercase }
		footer #footer-links a { color: #FFF; display: inline-block; padding-bottom: 5px }
	footer #fca { font-size: 13px; margin: 0 0 -20px 0; padding-top: 40px }
		footer #fca a { color: #FFF; font-weight: 700 }
#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 { -moz-box-shadow: inset 0 150px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 150px 0 0 #F7CC1F; box-shadow: inset 0 150px 0 0 #F7CC1F }
	.content.no-border { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important }
	.content h1 { font-family: 'Oswald', sans-serif; font-size: 45px; margin: 0; padding: 50px 0 80px 0 }
		.content h1 br { display: none }
		.content h1 span { color: #86BC3B }
	.content h2 { font-family: 'Oswald', sans-serif; font-size: 33px; margin: 0; padding-bottom: 20px }
		.content h2.main { font-size: 45px; padding-bottom: 30px }
		.content h2 span { color: #86BC3B }
	.content p { font-size: 16px; line-height: 30px; margin: 0; padding-bottom: 20px }
		.content p.sub { font-size: 18px; font-weight: 600; padding-top: 47px }
		.content p.lead { font-size: 19px; font-weight: 600 }
		.content p a { color: #323232; font-weight: 700 }
	.content ul {}
		.content ul li { font-size: 16px; }

/* blog */
.blog-sidebar-box { background-color: #ECECEC; margin-bottom: 30px; padding: 30px 30px 10px 30px }
	.blog-sidebar-box h3 { font-family: 'Oswald', sans-serif; font-size: 26px; margin: 0; text-transform: uppercase }
	.blog-sidebar-box ul { font-family: 'Oswald', sans-serif; font-size: 20px; list-style: none; margin: 0; padding: 20px 0 }
		.blog-sidebar-box ul li a { color: #616161 }
	.blog-sidebar-box p { font-family: 'Oswald', sans-serif; font-size: 20px; margin: 0; padding: 20px 0 }
		.blog-sidebar-box p a { color: #616161; font-weight: 400 }
.blog-sidebar-post { padding: 20px 0 }
	.blog-sidebar-post .blog-sidebar-post-img { background-size: cover !important; display: block; height: 85px; width: 85px }
	.blog-sidebar-post time { display: block; font-size: 13px; padding-bottom: 10px; text-transform: uppercase }
	.blog-sidebar-post h4 { font-family: 'Oswald', sans-serif; font-size: 20px; margin: 0; padding-bottom: 0 }
		.blog-sidebar-post h4 a { color: #323232 }
	.blog-sidebar-post + .blog-sidebar-post { border-top: 1px solid #FFF }

/* sidebar */
#sidebar { background-color: #323232; 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: #8ABF46; 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: rgba(255,255,255, 0.6); display: block; font-size: 18px; padding: 10px; text-decoration: none !important }
		#sidebar ul li a:hover { color: #FFF }
		#sidebar ul li a.login { background-color: #F7CC1F; color: #424242 }
		#sidebar ul li.active>a, #sidebar a[aria-expanded="true"] { color: #FFF !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: #2D2D2E; bottom: 0; color: #FFF; height: auto; line-height: 24px; 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 { border-radius: 4px; color: #FFF; display: inline-block; font-size: 14px; margin-left: 8px; padding: 0 6px; text-decoration: none }
	#cookie-bar .cb-enable { background-color: #8ABF46 }
	#cookie-bar .cb-policy { background-color: #F7CC1F; color: #424242 }

/* drone form */
.drone-equipment-wrapper { border: 1px solid #f3f3f3; padding: 30px 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #f3f3f3; margin-bottom: 30px; margin-top: 10px; }
.drone-equipment-wrapper .drone-title { font-family: 'Oswald', sans-serif; font-size: 28px; padding-bottom: 30px }

#dropdownMessage {
	color: red;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f8d7da;
}


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

@media (max-width: 2850px) {
	/* global */
	header { -moz-box-shadow: inset 0 -41px 0 0 #FFF, inset -28vw 0 0 0 #8ABF46; -webkit-box-shadow: inset 0 -41px 0 0 #FFF, inset -28vw 0 0 0 #8ABF46; box-shadow: inset 0 -41px 0 0 #FFF, inset -28vw 0 0 0 #8ABF46 }
}

@media (max-width: 1920px) {
	/* global */
	header { -moz-box-shadow: inset 0 -41px 0 0 #FFF, inset -18vw 0 0 0 #8ABF46; -webkit-box-shadow: inset 0 -41px 0 0 #FFF, inset -18vw 0 0 0 #8ABF46; box-shadow: inset 0 -41px 0 0 #FFF, inset -18vw 0 0 0 #8ABF46 }
}

@media (max-width: 1589px) {
	/* global */
	.container { max-width: 1140px }
	header { -moz-box-shadow: inset 0 -40px 0 0 #FFF, inset -22vw 0 0 0 #8ABF46; -webkit-box-shadow: inset 0 -40px 0 0 #FFF, inset -22vw 0 0 0 #8ABF46; box-shadow: inset 0 -40px 0 0 #FFF, inset -22vw 0 0 0 #8ABF46; height: 106px }
		header #header-logo { margin: 18px 0; width: 320px }
		header #header-buttons #btn-header-quote { font-size: 18px; padding: 7px 30px 8px 30px }
		header #header-buttons #btn-header-contact { font-size: 18px; padding: 7px 30px 8px 30px }
		header #header-contact #header-phone { font-size: 35px }
			header #header-contact #header-phone i { font-size: 27px }
		header #header-contact #header-login { font-size: 16px; margin: 0 0 -10px 10px; padding: 9px 25px 8px 25px; top: -18px }
		header #header-contact #header-email { font-size: 15px }
	#top-bar .navbar .navbar-nav .nav-item .nav-link { font-size: 14px; padding: 10px }
	#top-bar .navbar .navbar-nav .dropdown-menu { font-size: 14px }
	#header-space { height: 151px }
	#info-bar #new-to-pii { padding-right: 50px }
		#info-bar #new-to-pii h3 { font-size: 46px }
		#info-bar #new-to-pii p { font-size: 14px; line-height: 24px }
		#info-bar #new-to-pii .btn { font-size: 20px }
	#info-bar #years { padding-right: 50px }
		#info-bar #years p { font-size: 20px; padding: 20px 0 0 0 }
	#info-bar #form-callback h3 { font-size: 46px }
	#info-bar #form-callback p { font-size: 14px; line-height: 24px }
	#info-bar #form-callback input { padding: 20px 10px }
	#info-bar #form-callback .btn { font-size: 20px }
	#blog-latest .blog-latest h5 { font-size: 19px; padding: 25px 25px 30px 25px }
	#blog-latest .blog-latest .btn { font-size: 20px }
	.get-a-quote { padding: 25px 0 }
		.get-a-quote h2 { font-size: 26px }
		.get-a-quote .btn { font-size: 20px }
	#split { padding: 50px 0 45px 0 }
		#split #split-talk { padding: 0 50px }
			#split #split-talk h3 { font-size: 40px }
				#split #split-talk h3 i { font-size: 44px }
			#split #split-talk p { font-size: 14px }
				#split #split-talk p.lead { font-size: 18px }
			#split #split-talk .btn { font-size: 18px }
		#split #split-list { padding-left: 50px }
			#split #split-list h3 { font-size: 40px }
			#split #split-list p { font-size: 14px }
		#split #split-list ul { font-size: 14px }
			#split #split-list ul li:before { font-size: 18px }
	#people-cover { padding: 60px 0 40px 0 }
		#people-cover h4 { font-size: 40px }
		#people-cover h5 { font-size: 18px }
			#people-cover h5:before { font-size: 20px; margin: 0 8px 0 -25px }
		#people-cover p { font-size: 14px; line-height: 28px; padding-left: 25px }
	#logos img { width: 900px }
	footer address { font-size: 13px; margin-left: -30px }
	footer #footer-contact { font-size: 13px; margin-left: -40px }
	footer #footer-social { margin-left: -40px }
	footer #footer-links { font-size: 13px }
	footer #fca { font-size: 12px; padding-top: 30px }

	/* content */
	.content { -moz-box-shadow: inset 0 100px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 100px 0 0 #F7CC1F; box-shadow: inset 0 100px 0 0 #F7CC1F }
		.content h1 { font-size: 34px; padding: 30px 0 60px 0 }
		.content h2 { font-size: 28px }
			.content h2.main { font-size: 34px }
		.content p { font-size: 14px; line-height: 26px }
			.content p.sub { font-size: 13px; padding-top: 25px }
			.content p.lead { font-size: 17px }

	/* blog */
	.blog-sidebar-box ul { font-size: 18px }
	.blog-sidebar-box p { font-size: 18px }
	.blog-sidebar-post .blog-sidebar-post-img { height: 60px; margin-right: -10px; width: 60px }
	.blog-sidebar-post time { font-size: 12px }
	.blog-sidebar-post h4 { font-size: 18px }
}

@media (max-width: 1199px) {
	/* global */
	.container { max-width: 960px }
	header { -moz-box-shadow: inset 0 -40px 0 0 #FFF, inset -16vw 0 0 0 #8ABF46; -webkit-box-shadow: inset 0 -40px 0 0 #FFF, inset -16vw 0 0 0 #8ABF46; box-shadow: inset 0 -40px 0 0 #FFF, inset -16vw 0 0 0 #8ABF46; height: 95px }
		header #header-logo { margin: 15px 0; width: 290px }
		header #header-buttons #btn-header-quote { font-size: 16px; padding: 7px 20px 8px 20px }
		header #header-buttons #btn-header-contact { font-size: 16px; padding: 7px 20px 8px 20px }
		header #header-contact #header-phone { font-size: 28px }
			header #header-contact #header-phone i { font-size: 22px }
		header #header-contact #header-login { font-size: 14px; margin: 0 0 -10px 10px; padding: 6px 15px 5px 15px; top: -14px }
		header #header-contact #header-email { font-size: 13px }
	#top-bar .navbar .navbar-toggler { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #FFF; font-size: 16px; outline: none; padding: 10px; text-align: center; text-transform: uppercase; width: 100% }
		#top-bar .navbar .navbar-toggler i { margin-left: 5px }
	#top-bar .navbar .navbar-nav .nav-item .nav-link { font-size: 12px; padding: 10px 5px }
	#top-bar .navbar .navbar-nav .dropdown-menu { font-size: 12px }
	#header-space { height: 137px }
	#info-bar { padding: 30px 0 40px 0 }
		#info-bar #form-callback input { font-size: 14px }
	#blog-latest .blog-latest h5 { font-size: 18px; padding: 25px 10px 30px 10px }
	#blog-latest .blog-latest .btn { font-size: 18px; padding: 7px 30px 8px 30px }
	.get-a-quote { padding: 25px 0 }
		.get-a-quote h2 { font-size: 20px }
		.get-a-quote .btn { font-size: 16px; padding: 7px 30px 8px 30px }
	#split { padding: 45px 0 40px 0 }
		#split #split-talk { padding: 0 30px }
			#split #split-talk h3 { font-size: 36px }
				#split #split-talk h3 i { font-size: 40px }
			#split #split-talk p { font-size: 13px }
				#split #split-talk p.lead { font-size: 17px }
			#split #split-talk .btn { font-size: 17px }
		#split #split-list { padding-left: 30px }
			#split #split-list h3 { font-size: 36px }
			#split #split-list p { font-size: 13px }
		#split #split-list ul { font-size: 13px }
			#split #split-list ul li:before { font-size: 17px }
	#people-cover { padding: 50px 0 30px 0 }
		#people-cover h4 { font-size: 36px }
		#people-cover h5 { font-size: 16px }
			#people-cover h5:before { font-size: 18px; margin: 0 8px 0 -23px }
		#people-cover p { font-size: 13px; line-height: 27px }
	#logos img { width: 750px }
	footer address { margin-left: 0 }
	footer #footer-contact { margin-left: 0 }
	footer #footer-social { margin-left: 0 }
	footer #footer-links { padding-top: 30px; text-align: center }
	footer #fca { font-size: 11px; text-align: center }
		footer #fca br { display: none }
	#footer-bottom { font-size: 13px }

	/* content */
	.content { -moz-box-shadow: inset 0 120px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 120px 0 0 #F7CC1F; box-shadow: inset 0 120px 0 0 #F7CC1F }
		.content h1 { font-size: 38px; padding: 40px 0 70px 0 }
		.content h2 { font-size: 30px }
			.content h2.main { font-size: 38px }
		.content p { font-size: 15px; line-height: 28px }
			.content p.sub { font-size: 17px; padding-top: 0 }

	/* blog */
	.blog-sidebar-box p { font-size: 18px }
	.blog-sidebar-post .blog-sidebar-post-img { height: 260px; margin-bottom: 15px; width: 260px }
}

@media (max-width: 991px) {
	/* global */
	.container { max-width: 720px }
	header { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: auto }
		header #header-buttons #btn-header-quote { font-size: 16px }
		header #header-buttons #btn-header-contact { font-size: 16px }
	#header-space { height: 135px }
	#info-bar #years { padding: 50px 0 0 0 }
	#blog-latest h4 { padding-top: 40px }
	#blog-latest .blog-latest h5 { font-size: 21px; padding: 25px 0 30px 0 }
	#blog-latest .blog-latest .btn { font-size: 24px; padding: 7px 35px 10px 35px }
	.get-a-quote { text-align: center }
		.get-a-quote h2 { font-size: 26px; margin: 0 0 20px 0 }
		.get-a-quote .btn { font-size: 20px; padding: 7px 35px 10px 35px }
	#split { -moz-box-shadow: inset 0 270px 0 0 #8ABF46; -webkit-box-shadow: inset 0 270px 0 0 #8ABF46; box-shadow: inset 0 270px 0 0 #8ABF46; padding: 0 }
		#split #split-talk { height: 270px; padding: 27px 100px 0 100px }
		#split #split-list { padding: 30px 100px 20px 100px }
	#people-cover { padding: 30px 0 0 0 }
		#people-cover #people-cover-left { padding-right: 0 }
		#people-cover #people-cover-right { padding-left: 0 }
		#people-cover h5:before { margin: 0 8px 0 -24px }
	#logos img { width: 650px }
	footer #footer-logo { padding: 0 100px 40px 100px; text-align: center }
	footer address { text-align: center }
	footer #footer-contact { text-align: center }
	footer #footer-social { text-align: center }
		footer #footer-social a { margin: 0 5px }
	#footer-bottom { font-size: 14px; padding-bottom: 13px; text-align: center }
		#footer-bottom #footer-bottom-designed { padding-top: 5px; text-align: center }

	/* content */
	.content { -moz-box-shadow: inset 0 100px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 100px 0 0 #F7CC1F; box-shadow: inset 0 100px 0 0 #F7CC1F }
		.content h1 { font-size: 34px; padding: 30px 0 60px 0 }
		.content h2 { font-size: 28px }
			.content h2.main { font-size: 34px }
		.content p { font-size: 14px; line-height: 24px }

	/* blog */
	.blog-sidebar-box ul { font-size: 20px }
	.blog-sidebar-box p { font-size: 20px }
	.blog-sidebar-post .blog-sidebar-post-img { height: 135px; margin-bottom: 0; width: 135px }
	.blog-sidebar-post time { font-size: 13px }
	.blog-sidebar-post h4 { font-size: 20px }
}

@media (max-width: 767px) {
	/* global */
	.container { max-width: 540px }
	header { padding-bottom: 20px }
		header #header-buttons #btn-header-quote { margin: 0 5px }
		header #header-buttons #btn-header-contact { margin: 0 5px }
	#top-bar { position: relative }
	#header-space { height: 0 }
	#info-bar #new-to-pii { padding-right: 0 }
	#info-bar #form-callback { padding-top: 40px }
	#split #split-talk { padding: 27px 0 0 0 }
	#split #split-list { padding: 30px 0 20px 0 }
	#logos img { width: 100% }

	/* content */
	.content { -moz-box-shadow: inset 0 140px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 140px 0 0 #F7CC1F; box-shadow: inset 0 140px 0 0 #F7CC1F }
		.content h1 br { display: inline }

	/* blog */
	.blog-sidebar-post .blog-sidebar-post-img { height: 90px; width: 90px }
}

@media (max-width: 575px) {
	/* global */
	.container { max-width: 100% }
	#info-bar #new-to-pii h3 { font-size: 36px }
	#info-bar #form-callback h3 { font-size: 36px }
	#blog-latest .blog-latest .btn { font-size: 18px; padding: 7px 30px 8px 30px }
	.get-a-quote h2 { font-size: 20px }
	.get-a-quote .btn { font-size: 16px; padding: 7px 30px 8px 30px }
	#split { -moz-box-shadow: inset 0 320px 0 0 #8ABF46; -webkit-box-shadow: inset 0 320px 0 0 #8ABF46; box-shadow: inset 0 320px 0 0 #8ABF46; padding: 0 }
		#split #split-talk { height: 320px; padding-top: 33px }
		#split #split-list { padding-bottom: 35px }
			#split #split-list ul { margin-bottom: 0 }
	footer #footer-logo { padding: 0 50px 40px 50px }
	#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 { -moz-box-shadow: inset 0 120px 0 0 #F7CC1F; -webkit-box-shadow: inset 0 120px 0 0 #F7CC1F; box-shadow: inset 0 120px 0 0 #F7CC1F }
		.content h1 { font-size: 30px; padding: 20px 0 50px 0 }
		.content h2 { font-size: 26px }
			.content h2.main { font-size: 30px }
		.content p { font-size: 14px; line-height: 26px }

	/* blog */
	.blog-sidebar-box { padding: 20px 15px 0 15px }
		.blog-sidebar-box p { font-size: 20px }
	.blog-sidebar-post .blog-sidebar-post-img { height: 180px; margin-bottom: 15px; width: 100% }

	/* cookie bar */
	#cookie-bar br { display: inline }
}

@media (max-width: 374px) {
	/* global */
	header #header-buttons #btn-header-quote { font-size: 15px; margin: 0 3px; padding: 7px 25px 8px 25px }
	header #header-buttons #btn-header-contact { font-size: 15px; margin: 0 3px; padding: 7px 25px 8px 25px }
	#info-bar #form-callback .g-recaptcha { -moz-transform: scale(0.9); -moz-transform-origin: 0 0; -webkit-transform: scale(0.9); -webkit-transform-origin: 0 0; margin-bottom: -10px; transform: scale(0.9); transform-origin: 0 0 }
	#blog-latest h4 { font-size: 22px }
	#blog-latest .blog-latest h5 { font-size: 18px }
	footer #footer-logo { padding: 0 25px 40px 25px }
}