/*@font-face { font-family: 'ProximaNova Regular'; src: url("../fonts/proximanova-regular-webfont.eot"); src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/proximanova-regular-webfont.woff") format("woff"),url("../fonts/proximanova-regular-webfont.ttf") format("truetype"),url("../fonts/proximanova-regular-webfont.svg#FuturaMdBTBold") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: 'ProximaNova Light'; src: url("../fonts/proximanova-light-webfont.eot"); src: url("../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/proximanova-light-webfont.woff") format("woff"),url("../fonts/proximanova-light-webfont.ttf") format("truetype"),url("../fonts/proximanova-light-webfont.svg#FuturaMdBTBold") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: 'ProximaNova Bold'; src: url("../fonts/proximanova-bold-webfont.eot"); src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/proximanova-bold-webfont.woff") format("woff"),url("../fonts/proximanova-bold-webfont.ttf") format("truetype"),url("../fonts/proximanova-bold-webfont.svg#FuturaMdBTBold") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: 'ProximaNova Semi Bold'; src: url("../fonts/proximanova-semibold-webfont.eot"); src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/proximanova-semibold-webfont.woff") format("woff"),url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"),url("../fonts/proximanova-semibold-webfont.svg#FuturaMdBTBold") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: 'montserratlight'; src: url("../fonts/montserrat-light-webfont.eot"); src: url("../fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat-light-webfont.woff2") format("woff2"),url("../fonts/montserrat-light-webfont.woff") format("woff"),url("../fonts/montserrat-light-webfont.ttf") format("truetype"),url("../fonts/montserrat-light-webfont.svg#montserratlight") format("svg"); font-weight: normal; font-style: normal }
@font-face { font-family: 'montserrat'; src: url("../fonts/Montserrat-Regular-webfont.eot"); src: url("../fonts/Montserrat-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/Montserrat-Regular-webfont.woff") format("woff"),url("../fonts/Montserrat-Regular-webfont.ttf") format("truetype"),url("../fonts/Montserrat-Regular-webfont.svg#montserratlight") format("svg"); font-weight: normal; font-style: normal }*/
html { margin: 0 !important }
html, body, p, a, h1, h2, h3, h4, h5, div, table, tr, td, span, ul, li, form { margin: 0; padding: 0 }
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display: block }
html, body { font: 300 100% "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.5em; color: #1d1e1c; background: #fff; height: 100% }
.container { padding-left: 20px; padding-right: 20px; overflow: hidden }
.row { width: 100%; max-width: 1260px; min-width: 600px; margin: 0 auto }
.row .onecol { width: 4.85%; width: 4.7%\9 }
.row .twocol { width: 13.45%; width: 13.2%\9 }
.row .threecol { width: 22.05%; width: 22.05%\9 }
.row .fourcol { width: 30.75%; width: 30.6%\9 }
.row .fivecol { width: 39.45%; width: 39%\9 }
.row .sixcol { width: 48%; width: 48%\9 }
.row .sevencol { width: 56.75%; width: 56.75%\9 }
.row .eightcol { width: 65.4%; width: 61.6%\9 }
.row .ninecol { width: 74.05%; width: 74.05%\9 }
.row .tencol { width: 82.7%; width: 82%\9 }

.row .elevencol { width: 91.35%; width: 91.35%\9 }
.row .twelvecol { width: 100%; float: left }
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; min-height: 1px }
.news-title-box { width: 20%; margin: 0 5% 0 0 }
.news-search-box { overflow: hidden; width: 75%; margin: 0 }
img, object, embed { max-width: 100% }
img { height: auto; display: block }

@media handheld, only screen and (max-width: 620px) {
	.row, body, .container { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0 }
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .slider-text, .news-title-box, .news-search-box { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; display: block }
}

h1, h2, h3, h4, h5 { line-height: 1.2em }
h1 { margin: 0 0 25px 0; font: 300 3em "proxima-nova",Arial,Helvetica,sans-serif; letter-spacing: -0.03em }
h2 { margin: 0 0 30px 0; font: 600 2.5em "proxima-nova",Arial,Helvetica,sans-serif }
h3 { margin: 0 0 20px 0; font: 600 2em "proxima-nova",Arial,Helvetica,sans-serif }
h4 { margin: 0 0 20px 0; font: 600 1.5em "proxima-nova",Arial,Helvetica,sans-serif }
h5 { margin: 0 0 25px 0; font: 600 1.125em "proxima-nova",Arial,Helvetica,sans-serif }
.big-text { font: normal 1.313em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.5em }
p { margin: 0 0 25px 0; font: 300 1em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.5em }
a { outline: none; text-decoration: none; color: #ff6e00; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
a img { border: none }
a:hover { color: #000 }
a:focus { outline: none }
ul li { list-style: none }
.textbox { width: 100%; padding: 15px; margin: 5px 0 15px 0; color: #1d1e1c; -webkit-appearance: none; border: 1px solid #1d1e1c; background: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *padding: 15px 0; font-size: 1.125em }
.textbox:focus { border: 1px solid #ff6e00; background: #fff; outline: none }
.multiline { height: 250px; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
.button { float: right; display: block; padding: 14px 0; color: #fff; text-align: center; background: #ccc }
.button span { padding: 0 30px; letter-spacing: 0.06em; font-family: "proxima-nova",Arial,Helvetica,sans-serif; font-weight:600; display: block }
table { overflow: hidden; width: 100%; text-align: left; margin-bottom: 40px; border: none !important }
table thead, table tbody, table tr { overflow: hidden }
table tr { border-bottom: 1px solid #fff }
table th, table td { padding: 10px; font-size: 0.813em; border-right: 1px solid #fff }
table th { background: #111; color: #fff; font-size: 1em }
table td { background: #f4f4f4 }
table tr:nth-child(even) td { background: #eaeaea }
.first { margin-left: 0 !important }
.last { margin-right: 0 !important }
.last-pad { padding-right: 0 !important }
.clear { clear: both; font-size: 0 }
.no-bottom-margin { margin-bottom: 0 !important }
.no-top-margin { margin-top: 0 !important }
.no-bottom-padding { padding-bottom: 0 !important }
.no-top-padding { padding-top: 0 !important }
.left, .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .news-title-box, .news-search-box, header .main-navigation ul li, .tab li, .inner-content ul.box-list li, .form .form-cell, .breadcrumb ul li, #sticky-breadcrumb .sticky-breadcrumb-inner ul li, .list-row .list-left, .list-row .list-right, .category-search, .category-dropdown-content ul li, .text-search .textbox, .text-search .button, .full-news-box, .image-wrap-full, .text-wrap-full, .small-news, .blog-article, .blog-article .image-wrap, .blog-article .text-wrap, .paging a, .profile-header img, .faq-open span .fa-minus-square, .inner-content .ninecol ul.media-filter li, .testimonial-left { float: left; display: inline-block }
.right, .text-search, .faq-heading span .fa-plus-square, .testimonial-right { float: right; display: inline-block }
.text-left { text-align: left }
.text-center { text-align: center }
.text-right { text-align: right }
.no-display, .display-none { display: none }
.relative { position: relative }
figure { position: relative }
figure img { width: 100% }
hr { height: 1px; margin: 25px 0; background: #f4f4f4; border: none }
.half { width: 50%; float: left; margin-right: 0% }
.third { width: 33.3%; float: left; margin-right: 0% }
.quarter { width: 25%; float: left; margin-right: 0% }
.two-thirds { width: 66.3%; float: left; margin-right: 0% }
.overlay-bg { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; cursor: pointer; z-index: 9999; background: #1d1e1c; background: rgba(29,30,28,0.75) }
.overlay-content { position: relative; display: none; width: 40%; margin: 20% auto; cursor: default }
.overlay-content .text-pad { position: relative; padding: 20px; background: #fff; border: 1px solid #f4f4f4 }
.overlay-content .fa-times { position: absolute; top: -30px; right: -30px; color: #f0f0f0; padding: 0.5em }
.overlay-content .textbox { width: 80%; float: left; display: inline-block; margin: 0px; padding: 10px 0; border: 0; background: #fff }
.overlay-content .search { width: 20%; float: left; display: inline-block; margin: 0px; text-align: right }
header { position: absolute; width: 100%; z-index: 2; margin: 0 auto; overflow: visible; padding-top: 10px; background: url(/images/black.png) }
header ul.top-nav { float: right; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif; margin-bottom: 10px }
header ul.top-nav li { list-style: none; float: left; display: inline-block; margin-right: 20px }
header ul.top-nav li a { color: #999 }
header ul.top-nav li a:hover { color: #50ae32 }
header ul.top-nav li a.active { color: #fff }
header ul.top-nav li:last-child { margin-right: 0 }
header .logo { float: left; width: 20%; margin-top: 10px }
header .main-navigation { display: block; float: right }
header .main-navigation ul { overflow: visible }
header .main-navigation ul li { font-weight:600; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
header .main-navigation ul li a { padding: 43px 18px; display: block; text-align: center; color: #fff; font-size: 1.125em; letter-spacing: 0.04em }
header .main-navigation ul li a.active { background: url(/images/active.png) no-repeat right 30px }
header .main-navigation ul li:hover a.active { background: none !important }
header .main-navigation ul li:last-child { padding-bottom: 0; margin: 30px 0 0 20px }
header .main-navigation ul li:last-child a { border: 2px solid #ff6e00; padding: 11px 35px }
header .main-navigation ul li:last-child:hover { background: #ff6e00 }
header .main-navigation ul li:last-child:hover a { color: #fff }
header .main-navigation ul li:last-child a.active { background: none !important }
header .main-navigation ul .dropdown { position: absolute; z-index: 1; left: 0; right: 0; display: none; padding-bottom: 15px }
header .main-navigation ul .dropdown .row { background: #fff }
header .main-navigation ul .dropdown .row .textpad { padding: 40px 50px; box-shadow: 0 1px 1px 0 rgba(50,50,50,0.3) }
header .main-navigation ul .dropdown .row .textpad .dd-image { float: left; width: 20%; margin-right: 5% }
header .main-navigation ul .dropdown .row .textpad .dd-image img { margin-right: 50px }
header .main-navigation ul .dropdown .row .textpad .third { width: 35%; margin-right: 5% }
header .main-navigation ul .dropdown .row .textpad .third img { margin-right: 50px }
header .main-navigation ul .dropdown .row .textpad .third ul { border-right: 3px solid #f4f4f4; overflow: hidden }
header .main-navigation ul .dropdown .row .textpad .third ul li { text-transform: none; margin: 0; width: 100%; padding-bottom: 0; margin-bottom: 30px }
header .main-navigation ul .dropdown .row .textpad .third ul li a { text-align: left; font-weight:400; font-family: "proxima-nova",Arial,Helvetica,sans-serif; padding: 0 20px 0 0 }
header .main-navigation ul .dropdown .row .textpad .third ul li a:hover { color: #50ae32 }
header .main-navigation ul .dropdown .row .textpad .third ul li a.active { background: none !important }
header .main-navigation ul .dropdown .row .textpad .third ul li:last-child { margin: 0 }
header .main-navigation ul .dropdown .row .textpad .third ul li:last-child:hover { background: none }
header .main-navigation ul .dropdown .row .textpad .third ul li:last-child a { border: none }
header .main-navigation ul .dropdown .row .textpad .third ul li:last-child a.active { background: none !important }
header .main-navigation ul .dropdown .row .textpad .third ul ul { border-right: none; padding: 20px 0 0 0 }
header .main-navigation ul .dropdown .row .textpad .third ul ul li { text-transform: uppercase; margin: 0; width: 100%; padding-bottom: 0; margin-bottom: 10px }
header .main-navigation ul .dropdown .row .textpad .third ul ul li a { text-align: left; font-weight:400; font-family: "proxima-nova",Arial,Helvetica,sans-serif; font-size: 0.875em; padding: 0 20px 0 10px }
header .main-navigation ul .dropdown .row .textpad .third ul ul li a:hover { color: #50ae32 }
header .main-navigation ul .dropdown .row .textpad .third ul ul li a.active { background: none !important }
header .main-navigation ul .dropdown .row .textpad .third ul ul li:last-child { margin: 0 }
header .main-navigation ul .dropdown .row .textpad .third ul ul li:last-child:hover { background: none }
header .main-navigation ul .dropdown .row .textpad .third ul ul li:last-child a { border: none }
header .main-navigation ul .dropdown .row .textpad .third ul ul li:last-child a.active { background: none !important }
header .main-navigation ul .dropdown .row .textpad .third.last { margin: 0 }
header .main-navigation ul .dropdown .row .textpad .third.last ul { border: none }
header .main-navigation ul li:hover { background: #fff }
header .main-navigation ul li:hover a { color: #1d1e1c }
header .main-navigation ul li:hover .dropdown { display: block }
header .header-right { float: right }
.header-mobile { display: none }

@media handheld, only screen and (max-width: 1210px) {
	header .main-navigation ul li a { padding: 43px 10px }
	header .main-navigation ul li:last-child a { padding: 11px 10px }
	header .main-navigation ul li:last-child { margin: 30px 0 0 5px }
	header .logo { width: 13% }
}

@media handheld, only screen and (max-width: 1024px) {
	header .logo { margin: 0; float: left; width: 150px; margin-bottom: 20px }
	header ul.top-nav li { font: 600 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
	header .main-navigation ul li { font: 600 1em "proxima-nova",Arial,Helvetica,sans-serif }
	header .main-navigation ul li .dropdown ul li { font-size: 1em }
	.top-nav-outer { width: 70%; float: right }
	header .main-navigation { clear: both; float: left }
	header .main-navigation ul li a { padding: 13px 10px 23px }
	header .main-navigation ul li:last-child { margin: 0 0 0 5px }
	header .main-navigation ul li a.active { background-position: right 5px }
}

@media handheld, only screen and (max-width: 900px) {
	header .main-navigation ul li a { font-size: 1em }
	header { background: #111 }
}

@media handheld, only screen and (max-width: 620px) {
	.hero .slide { background-position: left top !important }
}

.mobile-navigation-trigger, .mobile-navigation { display: none }
.hamburger { position: relative; z-index: 2; display: none; -moz-user-select: none; cursor: pointer; transform: translate3d(0px, 0px, 0px); transition: transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s }
.hamburger.is-active .-top { background: #fff; transform: translateY(200%) rotate(45deg) !important }
.hamburger.is-active .-mid { opacity: 0; background: #fff }
.hamburger.is-active .-bottom { background: #fff; transform: translateY(-200%) rotate(135deg) !important }
.hamburger-layer { width: 28px; height: 4px; display: block; margin-bottom: 4px; opacity: 1; background: #ccc; border-radius: 2px; transform: translate3d(0px, 0px, 0px); transition: all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s }
.hamburger-navigation { position: fixed; bottom: 0; top: 0; left: 0; z-index: 3; height: 100%; width: 100%; display: none; background: rgba(80,174,50,0.99); transform: translate3d(0px, -100%, 0px); transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s }
.hamburger-navigation.is-active { display: block; transform: translate3d(0px, 0px, 0px) }
.hamburger-navigation .hamburger { float: left; position: absolute; top: 20px; right: 20px }
.hamburger-navigation .wrapper { width: 100%; height: 100%; display: table }
.hamburger-navigation .wrapper ul { width: 100%; display: table-cell; vertical-align: middle }
.hamburger-navigation .wrapper ul li { list-style: none; margin-bottom: 1em; text-align: center }
.hamburger-navigation .wrapper ul li a { color: #fff; font: 300 1.2em "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; transform: translate3d(0px, -50%, 0px); transition: all 0.75s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s }

@media handheld, only screen and (max-width: 768px) {
	header { padding: 20px 0 }
	header .logo { width: 40%; margin: 0 }
	.top-nav { display: none !important }
	.main-navigation { display: none !important }
	.hamburger { display: block }
}

@media handheld, only screen and (max-width: 620px) {
	header .container { padding: 0 20px; width: auto }
}

.hero { position: relative; overflow: hidden; display: block; z-index: 1; background: #111; clear: both }
.hero .slide { overflow: hidden; width: 100%; min-height: 350px; display: block; xmin-height: 550px !important; xbackground-position: center bottom !important }
.hero .slide .slider-text { padding: 59px 20px 40px; max-width: 800px; float: none; color: #fff; text-align: center; margin: 150px auto 0px auto; xvisibility: hidden }
.hero .slide .slider-text h1 { font: 300 3.75em "montserrat",Arial,Helvetica,sans-serif; margin-bottom: 25px }
.hero .slide .slider-text h1 a { color: #fff }
.hero .slide .slider-text h1 a span { color: #50ae32 }
.hero .slide .slider-text h2 { font: 300 3.75em "montserrat",Arial,Helvetica,sans-serif }
.hero .slide .slider-text h2 a { color: #fff }
.hero .slide .slider-text h2 a span { color: #50ae32 }
.hero .slide .slider-text p { font: 300 1.5em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.6em }
.hero .slide .slider-text .button { float: left }
.hero .slide .slider-text .button span { padding: 0 30px }
.hero .pagination { position: absolute; bottom: 0; left: 0; z-index: 9999 }

@media handheld, only screen and (max-width: 768px) {
	.hero { padding-top: 65px }
}

@media handheld, only screen and (max-width: 620px) {
	.hero .slide .slider-text { padding: 20px; width: auto }
}

@media handheld, only screen and (max-width: 900px) {
	header { position: relative; width: auto }
	.hero .slide .slider-text { margin-top: 0 }
}

.tabs { overflow: hidden; padding: 0; background: url(/images/light-grey.png) repeat-x bottom left }
.tab { overflow: hidden; width: 100%; max-width: 1260px; margin: 0 auto }
.tab li { width: 20%; text-align: center; border-bottom: 4px solid #eaeaea }
.tab li a { display: block; padding: 15px 10px 15px; color: #1d1e1c; font: normal 1.125em "proxima-nova",Arial,Helvetica,sans-serif }
.tab li a:hover { color: #50ae32; font-weight:700; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
.tab li:hover { border-bottom: 4px solid #50ae32 }
.tab li.selected, .tab li.active { border-bottom: 4px solid #50ae32 }
.tab li.selected a, .tab li.active a { color: #50ae32; font-weight:700; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
.tab-content { overflow: hidden; width: 100%; background: #fff; margin-top: 0; display: none }

@media handheld, only screen and (max-width: 1024px) {
	.tab li a { font-size: 0.938em }
}

@media handheld, only screen and (max-width: 768px) {
	.tab li a { font-size: 0.875em }
}

@media handheld, only screen and (max-width: 620px) {
	.tab li a { min-height: 25px; font-size: 0.813em }
}

@media handheld, only screen and (max-width: 480px) {
	.tabs { display: none }
}

.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; display: block; margin: 10px; opacity: 0.5; -webkit-border-radius: 10em; -moz-border-radius: 10em; -ms-border-radius: 10em; -o-border-radius: 10em; border-radius: 10em; background: #ccc }
.owl-theme .owl-controls .owl-page.active span { opacity: 1 }
.owl-theme .owl-controls .owl-page:hover span { opacity: 1 }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1 }
.owl-carousel { position: relative; display: none; width: 100%; margin-bottom: 30px; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { position: relative; display: none }
.owl-carousel .owl-wrapper-outer { overflow: hidden }
.owl-carousel .owl-item { float: left }
.post-hero { background: #50ae32; text-align: center; color: #fff; padding: 4px 0 }
.post-hero .fourcol { display: block; padding: 0px 0 35px 0; border-bottom: 2px solid rgba 0,0,0,0; -webkit-transform: translate(0, 18%); -moz-transform: translate(0, 18%); -ms-transform: translate(0, 18%); -o-transform: translate(0, 18%); transform: translate(0, 18%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 33.33%; margin: 0 }
.post-hero .fourcol h2 { font-size: 1.875em; margin: 0 0 4px 0; color: #fff }
.post-hero .fourcol p { margin: 0 0 35px 0; color: #1d1e1c }
.post-hero .fourcol .promo { display: block; margin: 40px auto 5px; width: 150px; height: 149px }
.post-hero .fourcol .hosting { display: block; margin: 20px auto; background: url(/images/hosting-cloud.png) no-repeat; width: 150px; height: 133px }
.post-hero .fourcol .streaming { display: block; margin: 20px auto; background: url(/images/streaming-cdn.png) no-repeat; width: 150px; height: 133px }
.post-hero .fourcol .connectivity { display: block; margin: 20px auto; background: url(/images/connectivity-solutions.png) no-repeat; width: 150px; height: 133px }
.post-hero .fourcol img { display: block; margin: 20px auto }
.post-hero .fourcol a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 6px; margin-bottom: 50px }
.post-hero .fourcol aside { padding: 20px; opacity: 0 }
.post-hero .fourcol aside p { font-size: 1.125em }
.post-hero .fourcol:hover { background: #fff; color: #1d1e1c; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.post-hero .fourcol:hover h2 { color: #1d1e1c }
.post-hero .fourcol:hover .promo { -webkit-filter: invert(100%); filter: invert(100%) }
.post-hero .fourcol:hover .hosting { background: url(/images/hosting-cloud-black.png) no-repeat }
.post-hero .fourcol:hover .streaming { background: url(/images/streaming-cdn-black.png) no-repeat }
.post-hero .fourcol:hover .connectivity { background: url(/images/connectivity-solutions-black.png) no-repeat }
.post-hero .fourcol:hover aside { opacity: 1 }

@media handheld, only screen and (max-width: 620px) {
	.post-hero .fourcol, .post-hero .fourcol:hover { color: #1d1e1c; background: #50ae32; padding: 40px 0 0 0; border-bottom: 2px solid #50ae32; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; float: none }
	.post-hero .fourcol .hosting, .post-hero .fourcol:hover .hosting { background: url(/images/hosting-cloud-black.png) no-repeat }
	.post-hero .fourcol .streaming, .post-hero .fourcol:hover .streaming { background: url(/images/streaming-cdn-black.png) no-repeat }
	.post-hero .fourcol .connectivity, .post-hero .fourcol:hover .connectivity { background: url(/images/connectivity-solutions-black.png) no-repeat }
	.post-hero .fourcol aside, .post-hero .fourcol:hover aside { opacity: 1 }
	.post-hero .fourcol h2 { color: #fff }
	.post-hero .fourcol p { color: #fff }
	.post-hero .fourcol a { color: #fff }
	.post-hero .fourcol span { padding: 11px 30px; display: inline-block; color: #111; border: 2px solid #111; text-transform: uppercase; font-size: 0.875em; letter-spacing: 0.06em }
	.post-hero .fourcol span:active { background: #111; color: #50ae32 }
	.post-hero .fourcol:hover .promo { filter: none }
	.post-hero .fourcol:hover h2 { color: #fff }
	.post-hero .fourcol, .post-hero .fourcol:hover { padding: 0 }
	.post-hero { padding-bottom: 35px }
}

.experience-section { padding: 65px 0 0; margin-bottom: 50px }
.experience-section h2 { text-align: center; margin-bottom: 90px; font-size: 1.313em }
.experience-section .cycle-pager-active img { opacity: 1 }
.experience-section .testimonial-image { float: left; width: 19%; margin: 0 5% 0 0 }
.experience-section .testimonial-image .textpad { padding: 0 }
.experience-section .testimonial-text { float: left; width: 76% }
.experience-section .testimonial-text .textpad { padding-right: 20px }
.experience-section .testimonial-text span { font: normal 1.5em "proxima-nova",Arial,Helvetica,sans-serif; margin-bottom: 35px; display: block; line-height: 1.5em }
.experience-section .testimonial-text p { font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 0.05em }
.experience-section .testimonial-text a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 6px; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif }
.experience-section ul { border-left: 5px solid #f4f4f4; overflow: hidden }
.experience-section ul li { float: left; width: 40%; margin: 0 5% 40px }
.experience-section ul li a { display: block }
.experience-section ul li img { margin: 0 auto; opacity: 0.2; -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; top: 50% }
.experience-section ul li:hover img { opacity: 1 }
.experience-section .button { font: normal 0.875em "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; border: 2px solid #1d1e1c; color: #1d1e1c; background: none; float: none; margin: 80px auto 0; width: 300px }
.experience-section .button:hover { background: #1d1e1c; color: #fff }
.experience-section .over { z-index: 999; background: #fff; position: relative }

@media handheld, only screen and (max-width: 768px) {
	.experience-section .half { width: 100%; float: none; margin: 0; clear: both }
	.experience-section ul { border: none }
	.experience-section .half.client { display: none !important }
	.experience-section ul li { width: 16.66%; margin: 0 }
	.experience-section ul li a { padding: 0 10px; display: block }
	.experience-section ul li a img { width: 100% }
	.experience-section ul li img { opacity: 1 !important }
	.experience-section h2 { margin-bottom: 45px }
	.experience-section .button { margin-top: 45px }
}

@media handheld, only screen and (max-width: 620px) {
	.experience-section ul li { width: 33%; margin: 0 0 40px 0 }
	.experience-section ul li a { padding: 0 30px }
}

@media handheld, only screen and (max-width: 420px) {
	.experience-section ul li { width: 50% }
	.experience-section ul li a { padding: 0 30px }
}

@media handheld, only screen and (max-width: 350px) {
	.experience-section .button { width: auto }
}

.two-box-section { padding: 0; margin: 0 }
.two-box-section .half { padding: 50px 0 40px; color: #fff }
.two-box-section .half.green { background: #50ae32 }
.two-box-section .half.black { background: #1d1e1c }
.two-box-section .half.black .textpad .button { border: 2px solid #fff; color: #fff }
.two-box-section .half.black .textpad .button:hover { color: #1d1e1c; background: #fff }
.two-box-section .half h2 { text-align: center; font: normal 2.25em "proxima-nova",Arial,Helvetica,sans-serif; margin: 0 0 45px 0 }
.two-box-section .half img { margin: 0 1% 40px; width: 98% }
.two-box-section .half .textpad { padding: 0; margin: 0 10% }
.two-box-section .half .textpad p { font-size: 1.125em; margin-bottom: 45px; text-align: center }
.two-box-section .half .textpad .button { float: none; background: none; border: 2px solid #1d1e1c; width: 200px; margin: 0 auto; color: #1d1e1c; text-transform: uppercase; font: normal 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
.two-box-section .half .textpad .button:hover { color: #50ae32; background: #1d1e1c }

@media handheld, only screen and (max-width: 620px) {
	.two-box-section .half { width: 100% }
}

.latest { padding: 65px 0 0 0; margin: 0 0 70px 0 }
.latest h2 { text-align: center; margin-bottom: 50px; font-size: 1.313em }
.latest .sixcol { background: #f4f4f4; margin-top: 110px }
.latest .sixcol .textpad { padding: 0 40px 45px }
.latest .sixcol .textpad .info { position: relative; height: 150px; width: 180px; margin-bottom: 30px; margin-top: -110px }
.latest .sixcol .textpad .info .info-overlay { background: url(/images/info_overlay.png) repeat-x bottom left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block }
.latest .sixcol .textpad .info .info-overlay .date { font: normal 2.25em "proxima-nova",Arial,Helvetica,sans-serif; color: #fff; position: absolute; bottom: 10px; z-index: 2; text-align: center; margin-left: 34px }
.latest .sixcol .textpad .info .info-overlay .date span { font: normal 0.875rem "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; display: block }
.latest .sixcol .textpad h3 { font: 600 1.5em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.3em; margin: 0 0 20px 0 }
.latest .sixcol .textpad a.more { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: 600 1em "proxima-nova",Arial,Helvetica,sans-serif }
.latest .sixcol .textpad h3 a { color: #111 }

@media handheld, only screen and (max-width: 1024px) {
	.latest .sixcol .textpad a.more { font-size: 0.938em }
	.latest { margin: 0 0 50px; padding: 45px 0 0 }
	.latest h2 { margin-bottom: 30px }
}

@media handheld, only screen and (max-width: 768px) {
	.latest .sixcol .textpad a.more { font-size: 0.875em }
	.latest { margin: 0 0 40px; padding: 35px 0 0 }
	.latest h2 { margin-bottom: 20px }
}

@media handheld, only screen and (max-width: 620px) {
	.latest .sixcol .textpad .info { margin: 0 0 25px 0 }
	.latest .sixcol { margin: 0 }
	.latest .sixcol .textpad { padding: 45px 15px }
	.latest .sixcol.last { background: #eaeaea }
	.latest { margin: 0 }
}

@media handheld, only screen and (max-width: 480px) {
	.latest .sixcol .textpad h3 { font-size: 1.25em }
	.latest .sixcol .textpad a.more { font-size: 0.813em }
	.latest { padding: 25px 0 0 }
	.latest h2 { margin-bottom: 10px }
	.latest .sixcol .textpad { padding: 25px 0 }
}

.pre-footer { padding: 65px 0 0 0; border-top: 4px solid #50ae32 }
.pre-footer h4 { font: normal 1.313em "proxima-nova",Arial,Helvetica,sans-serif; margin-bottom: 25px }
.pre-footer a { color: #1d1e1c }
.pre-footer a:hover { color: #50ae32 }
.pre-footer .half { padding-bottom: 45px }
.pre-footer .half.contact-img { background: url(/images/pre-footer-bg.png) no-repeat top left }

@media handheld, only screen and (max-width: 1120px) {
	.pre-footer .container { padding: 0 }
	.pre-footer .half { width: 30%; margin-right: 5% }
	.pre-footer .half.last { width: 65% }
	.pre-footer .half.contact-img { background-position: top right }
}

@media handheld, only screen and (max-width: 820px) {
	.pre-footer .half.last { width: 100% }
	.pre-footer .half.contact-img { display: none }
	.pre-footer .container { padding: 0 20px; width: auto }
	.pre-footer { padding: 45px 0 0 }
	.pre-footer .half { padding-bottom: 30px }
}

@media handheld, only screen and (max-width: 768px) {
	.pre-footer { padding: 35px 0 0 }
	.pre-footer .half { padding-bottom: 20px }
}

@media handheld, only screen and (max-width: 560px) {
	.pre-footer .half.last .third { width: 100%; text-align: center; margin-bottom: 10px }
	.pre-footer .half { padding-bottom: 25px }
}

@media handheld, only screen and (max-width: 480px) {
	.pre-footer { padding: 25px 0 0 }
	.pre-footer .half.last { padding-bottom: 5px }
}

.panel { padding: 60px 20px 65px; opacity: 0 }
.show { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s }
footer { padding-top: 70px; padding-bottom: 100px; background: url(/images/footer-bg-4.jpg) fixed no-repeat bottom right #000302; color: #fff }
footer .footer-menu { width: 40%; float: left; margin: 0 3% 0 0; overflow: hidden }
footer .footer-menu ul { float: left; margin: 0 10% 0 0 }
footer .social { overflow: hidden; float: left; width: 20%; margin: 20px 5% 0 0 }
footer .social ul li { margin-bottom: 30px }
footer .footer-contact { width: 32%; float: left; margin-top: 20px }
footer .no-vis { visibility: hidden }
footer img { margin-bottom: 40px }
footer h4 { margin-bottom: 45px; font: normal 1.313em "proxima-nova",Arial,Helvetica,sans-serif }
footer ul li { font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif; margin: 0 0 18px 0 }
footer ul li a { color: #fff }
footer ul li a:hover { color: #50ae32 }
footer i { color: #50ae32; margin-right: 10px }
footer .button { float: left; background: none; border: 2px solid #fff; margin: 0 auto 30px auto; color: #fff; text-transform: uppercase; font: normal 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
footer .button:hover { background: #fff; color: #1d1e1c }
footer img.iso { float: right; margin: 0 }

@media handheld, only screen and (max-width: 1282px) {
	footer .footer-menu { width: 45% }
	footer .social { width: 20% }
	footer .footer-contact { width: 27% }
}

@media handheld, only screen and (max-width: 1145px) {
	footer .footer-menu { width: 50% }
	footer .social { width: 18% }
	footer .footer-contact { width: 24% }
}

@media handheld, only screen and (max-width: 1050px) {
	footer .footer-menu { width: 70%; margin-bottom: 50px; margin-right: 0 }
	footer .social { width: 30%; margin-right: 0 }
	footer .footer-contact { width: 100%; float: none; clear: both }
	footer .footer-contact .clear { display: none }
	footer .button { margin: 0 }
	footer { padding-bottom: 15px; padding-top: 35px }
	footer ul li { font-size: 0.938em; margin-bottom: 15px }
}

@media handheld, only screen and (max-width: 768px) {
	footer .footer-menu { width: 100%; float: none; margin-bottom: 40px }
	footer .footer-contact { float: left; width: 65%; clear: none; margin: 0 }
	footer .social { width: 32%; margin-right: 3%; margin-top: 0 }
	footer ul li { font-size: 0.875em; margin-bottom: 12px }
	footer h4 { margin-bottom: 25px }
	footer .social ul li { margin-bottom: 15px }
}

@media handheld, only screen and (max-width: 620px) {
	footer .container { width: auto; padding: 0 20px }
	footer .social { width: 100%; float: none; margin: 0 0 50px 0 }
	footer .social ul li { margin-bottom: 18px }
	footer .footer-contact { width: 100%; float: none; margin: 0 }
}

@media handheld, only screen and (max-width: 540px) {
	footer .footer-menu ul { float: none; margin: 0 }
	footer .footer-menu ul li { border-bottom: 1px solid #333; margin-bottom: 0; text-align: center }
	footer .footer-menu ul li a { padding: 10px 0; display: block }
	footer img { margin: 0 auto 40px }
	footer .social { text-align: center; margin-bottom: 30px }
	footer img.iso { float: none; margin: 0 auto; clear: both }
	footer .footer-contact { text-align: center }
	footer .button { float: none; width: 250px; margin: 0 auto 25px }
}

@media handheld, only screen and (max-width: 480px) {
	footer ul li { font-size: 0.813em; margin-bottom: 7px }
	footer img { margin-bottom: 25px }
	footer .footer-menu { margin-bottom: 30px }
	footer .social { margin-bottom: 20px }
}

.grey { background: #f4f4f4 }
.grey.inner-content .button { border: 2px solid #fff }
.grey.inner-content .button i { color: #1d1e1c }
.grey.inner-content .button:hover { border: 2px solid #1d1e1c }
.inner-content { padding-top: 65px; padding-bottom: 40px }
.inner-content .ninecol ul, .inner-content .leftcol ul { padding: 0 0 25px 0 }
.inner-content .twelvecol ul li, .inner-content .ninecol ul li, .inner-content .leftcol ul li { margin-bottom: 15px; line-height: 1.5 }
.inner-content ul.box-list { overflow: hidden }
.inner-content ul.box-list li { width: 30%; margin-right: 5%; margin-bottom: 5%; padding: 0; background: none }
.inner-content ul.box-list li a { padding: 10px; display: block; background: #fff }
.inner-content ul.box-list li a img { margin-bottom: 15px }
.inner-content .button { float: left; display: block; color: #1d1e1c; text-align: center; background: none; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif; border: 2px solid #f4f4f4; text-transform: uppercase }
.inner-content .button span { padding: 0 30px }
.inner-content .button span i { color: #ddd; margin-left: 5px }
.inner-content .button:hover { background: #f4f4f4; color: #1d1e1c; -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s }
.inner-content .button:hover span i { color: #1d1e1c }
.inner-content.contact-page { padding: 65px 0 }
.upper-content { padding-top: 193px; padding-bottom: 25px; border-bottom: 4px solid #50ae32 }
.upper-content h1 { font: normal 3.75em "montserrat",Arial,Helvetica,sans-serif }
.upper-content a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: 300 1em "proxima-nova",Arial,Helvetica,sans-serif }
.upper-content .button { float: right; display: block; margin-bottom: 30px; padding: 15px 0; color: #ff6e00; text-align: center; background: none; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif; border: 2px solid #ff6e00; text-transform: uppercase }
.upper-content .button span { padding: 0 30px }
.upper-content .button span i { color: #ff6e00 }
.upper-content .button:hover { background: #ff6e00; color: #fff; -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s }
.upper-content .button:hover span i { color: #fff }
.upper-content .author { float: right; margin-bottom: 0px }
.upper-content .author img { border-radius: 50%; display: inline-block; margin-right: 20px }
.upper-content .author span { display: inline-block; position: relative; top: -35px; font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
.upper-content .author span a { color: #ff6e00; text-transform: uppercase }
.upper-content .addthis_native_toolbox { margin-top: 10px }
.upper-content .addthis_native_toolbox a { border: 0 }

@media handheld, only screen and (max-width: 1100px) {
	.upper-content .author img { display: block }
	.upper-content .author span { display: block; position: relative; top: 0; padding-top: 10px; font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
}

@media handheld, only screen and (max-width: 1024px) {
	.upper-content h1 { font-size: 3.500em }
	.upper-content img { max-width: 120px }
}

@media handheld, only screen and (max-width: 900px) {
	.upper-content { padding-top: 40px }
}

@media handheld, only screen and (max-width: 768px) {
	.upper-content h1 { font-size: 2.500em }
	.upper-content { padding-bottom: 15px }
	.upper-content img { max-width: 100px }
}

@media handheld, only screen and (max-width: 620px) {
	.upper-content h1 { font-size: 2.500em }
	.upper-content img { display: none }
	.upper-content .author { float: left }
	.upper-content .author img { display: inline-block }
	.upper-content .author span { display: inline-block; position: relative; top: -35px; padding-top: 10px; font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
}

@media handheld, only screen and (max-width: 480px) {
	.upper-content h1 { font-size: 2.000em }
	.upper-content { padding-bottom: 5px; padding-top: 30px }
	.upper-content img { max-width: 80px }
}

ul.custom-list li { background: url(/images/custom-li.png) no-repeat left top; padding-left: 35px; padding-top: 0; margin-bottom: 20px; font:600 1.125em "proxima-nova",Arial,Helvetica,sans-serif }
.section-page .right, .section-page .text-search, .section-page .faq-heading span .fa-plus-square, .faq-heading span .section-page .fa-plus-square, .section-page .testimonial-right { float: right !important; display: inline-block }
.section-page .sixcol { padding: 45px 0 30px 0 }
.section-page .sixcol.section-tick-list { padding: 0; margin: 0 }
.section-page .icon-wrap { float: left; width: 12%; margin: 0 5% 0 0 }
.section-page .icon-wrap .textpad { padding: 0 }
.section-page .text-wrap { float: left; width: 83% }
.section-page .text-wrap h3 { font: 600 1.5em "proxima-nova",Arial,Helvetica,sans-serif }
.section-page .text-wrap a.more { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font-weight:600; font-family: "proxima-nova",Arial,Helvetica,sans-serif; letter-spacing: 0.03em }
.section-page .text-wrap h3 a { color: #111 }
.section-page .textpad { padding: 0 }
.section-list { background: url(/images/section-list-bg.png) no-repeat top right #50ae32; color: #fff; padding: 35px 40px 15px 40px }
.section-list ul li { width: 45%; margin-right: 5%; float: left; display: inline-block; background: url(/images/custom-li.png) no-repeat left top; padding-left: 0; padding-top: 0; margin-bottom: 20px; font: 600 1.125em "proxima-nova",Arial,Helvetica,sans-serif }
.section-list ul li span { padding-left: 35px; display: inline-block }

@media handheld, only screen and (max-width: 1140px) {
	.section-list ul li { font-size: 1em; margin-bottom: 15px }
}

@media handheld, only screen and (max-width: 1024px) {
	.section-page .text-wrap a.more { font-size: 0.938em }
	.section-list ul li { font-size: 0.938em; font-family: "proxima-nova",Arial,Helvetica,sans-serif; font-weight:400; background: url(/images/custom-li2.png) no-repeat left top }
	.section-list ul li span { padding-left: 25px }
	ul.custom-list li { font-size: 0.938em; font-family: "proxima-nova",Arial,Helvetica,sans-serif; font-weight:400; background: url("/images/custom-li2.png") no-repeat scroll left top rgba(0,0,0,0) }
}

@media handheld, only screen and (max-width: 920px) {
	.section-list ul li { width: 100% }
}

@media handheld, only screen and (max-width: 768px) {
	.section-page .text-wrap a.more { font-size: 0.875em }
	.section-list ul li { font-size: 0.875em }
	ul.custom-list li { font-size: 0.875em; padding-left: 25px }
}

@media handheld, only screen and (max-width: 620px) {
	.section-page .sixcol.right, .section-page .sixcol.text-search, .section-page .faq-heading span .sixcol.fa-plus-square, .faq-heading span .section-page .sixcol.fa-plus-square, .section-page .sixcol.testimonial-right { float: none !important; display: block !important }
	.section-page .sixcol { padding: 30px 20px 35px; border-bottom: 1px solid #f4f4f4; margin-bottom: 0 }
}

@media handheld, only screen and (max-width: 480px) {
	.section-page .text-wrap h3 { font-size: 1.250em }
	.section-page .text-wrap a.more { font-size: 0.813em }
	.section-list ul li { font-size: 0.813em }
	ul.custom-list li { font-size: 0.813em }
}

.support-content .promo-boxes .threecol, .support-content .promo-boxes .fourcol { text-align: center }
.support-content .promo-boxes .threecol img, .support-content .promo-boxes .fourcol img { display: block; margin: 20px auto 40px auto }
.support-content .promo-boxes .threecol h3, .support-content .promo-boxes .fourcol h3 { font-size: 1.875em; margin: 0 0 20px 0; color: #1d1e1c }
.support-content .promo-boxes .threecol p, .support-content .promo-boxes .fourcol p { margin: 0 0 35px 0; color: #1d1e1c; font: normal 1.125em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.5em; padding: 0 10px }
.support-content .promo-boxes .threecol p span, .support-content .promo-boxes .fourcol p span { font-weight:700; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
.support-content .promo-boxes .threecol p a, .support-content .promo-boxes .fourcol p a { font-weight:700; font-family: "proxima-nova",Arial,Helvetica,sans-serif; text-decoration: underline }
.support-ethos { background: #f4f4f4 }
.support-ethos h2 { font: normal 1.313em "proxima-nova",Arial,Helvetica,sans-serif; text-align: center }
.support-ethos .sixcol { margin-top: 20px; margin-bottom: 20px }
.support-ethos .sixcol .number { width: 10%; float: left }
.support-ethos .sixcol .number h4 { text-align: center; color: #50ae32; font: 600 3em "proxima-nova",Arial,Helvetica,sans-serif; border-radius: 50%; border: 2px solid #fff }
.support-ethos .sixcol .text { width: 90%; float: left }
.support-ethos .sixcol .text .textpad { padding: 0 20px }
.support-customers { padding: 40px }
.support-customers h2 { font: normal 1.313em "proxima-nova",Arial,Helvetica,sans-serif; text-align: center }
.support-customers .sixcol { margin-top: 20px; margin-bottom: 20px }
.support-customers .sixcol .testimonial-image { float: left; width: 19%; margin: 0 5% 0 0 }
.support-customers .sixcol .testimonial-image .textpad { padding: 0 }
.support-customers .sixcol .testimonial-text { float: left; width: 76% }
.support-customers .sixcol .testimonial-text .textpad { padding-right: 20px }
.support-customers .sixcol .testimonial-text span { font: normal 1.5em "proxima-nova",Arial,Helvetica,sans-serif; margin-bottom: 35px; display: block }
.support-customers .sixcol .testimonial-text p { font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; letter-spacing: 0.05em }
.support-customers .sixcol .testimonial-text a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 6px; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif }

@media handheld, only screen and (max-width: 1140px) {
	.support-ethos .sixcol .number h4 { font-size: 2.5em }
}

@media handheld, only screen and (max-width: 1024px) {
	.support-content .promo-boxes .threecol p, .support-content .promo-boxes .fourcol p { margin-bottom: 25px; font-size: 1.000em }
	.support-ethos .sixcol .number h4 { font-size: 2.2em }
}

@media handheld, only screen and (max-width: 768px) {
	.support-content .promo-boxes .threecol img, .support-content .promo-boxes .fourcol img { max-width: 60%; margin: 20px auto 20px }
	.support-content .promo-boxes .threecol p, .support-content .promo-boxes .fourcol p { font-size: 0.938em }
	.support-ethos .sixcol .number h4 { font-size: 1.5em }
	.support-content .promo-boxes .threecol h3, .support-content .promo-boxes .fourcol h3 { font-size: 1.5em }
}

@media handheld, only screen and (max-width: 620px) {
	.support-content .promo-boxes .threecol p, .support-content .promo-boxes .fourcol p { font-size: 0.875em; margin-bottom: 20px }
	.support-content .promo-boxes .threecol img, .support-content .promo-boxes .fourcol img { max-width: 40%; margin: 0 auto 20px; padding-top: 20px }
	.support-ethos h2 { margin-bottom: 30px }
	.support-ethos .sixcol .number h4 { font-size: 2.75em }
}

@media handheld, only screen and (max-width: 500px) {
	.support-ethos .sixcol .number h4 { font-size: 2.000em }
}

@media handheld, only screen and (max-width: 430px) {
	.support-ethos .sixcol .number h4 { font-size: 1.750em }
}

#sticky.stick { width: 100%; background: #fff; position: fixed; top: 0; z-index: 10000 }

@media handheld, only screen and (max-width: 768px) {
	#sticky.stick { position: relative; width: auto; background: none }
}

.service-border { background: url(/images/light-grey.png) repeat-x bottom left }
.benefits-feature { background: #50ae32; color: #fff; padding: 35px 40px 15px }
.benefits-feature h2 { margin-bottom: 30px }
.benefits-feature ul li { color: #fff; font: 600 "proxima-nova",Arial,Helvetica,sans-serif }

@media handheld, only screen and (max-width: 900px) {
	.sixcol.benefits-feature { width: 80% }
}

@media handheld, only screen and (max-width: 620px) {
	.sixcol.benefits-feature { width: auto }
}

.case-study { padding: 65px 0; background: #fff; border-bottom: 1px solid #f4f4f4 }
.case-study .row { background: #111 }
.case-study .image-wrap { float: left; width: 40% }
.case-study .image-wrap img { width: 100%; margin: 0; padding: 0 }
.case-study .image-wrap a { position: relative; display: table-cell; vertical-align: middle }
.case-study .image-wrap a i { display: block; padding: 25% 0 0 0; text-align: center; background: rgba(0,0,0,0.3); color: rgba(255,255,255,0.7) }
.case-study .image-wrap a:hover i { display: block }
.case-study .vid-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; color: #fff; background: rgba(0,0,0,0.5) }
.case-study .text-wrap { float: left; width: 60% }
.case-study .text-wrap .case-study-prev-text { padding: 30px 30px 30px 60px }
.case-study .text-wrap .case-study-prev-text span { font: 600 1.5em "proxima-nova",Arial,Helvetica,sans-serif; color: #fff; line-height: 1.5; background: url(/images/quote.png) no-repeat top right; display: block; padding: 40px 30px 0 0 }
.case-study .text-wrap .case-study-prev-text p { font: normal 0.875em "proxima-nova",Arial,Helvetica,sans-serif; color: #fff; text-transform: uppercase; margin-top: 30px; letter-spacing: 0.03em }
.case-study .text-wrap .case-study-prev-text a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: 600 1em "proxima-nova",Arial,Helvetica,sans-serif; letter-spacing: 0.03em }
.support { background: #f4f4f4; padding: 65px 0 }
.support a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: 600 1em "proxima-nova",Arial,Helvetica,sans-serif; letter-spacing: 0.03em }
.service-detail ul, .support ul, .service-detail ol, .support ol { margin: 0 0 20px 0; padding: 10px 0 }
.service-detail ul li, .support ul li, .service-detail ol li, .support ol li { line-height: 1.5em; margin: 0 0 10px 25px }
.service-detail ul li, .support ul li { list-style: disc }
.service-detail .button { margin-bottom: 25px }
.whats-next { padding: 65px 0; background: #50ae32; text-align: center; color: #fff; margin-top: 1px }
.whats-next p { font: 600 1.313em "proxima-nova",Arial,Helvetica,sans-serif; margin-bottom: 45px }
.whats-next .button { float: none; width: 200px; display: block; margin: 0 auto; padding: 11px 0; color: #1d1e1c; background: none; border: 2px solid #1d1e1c }
.whats-next .button span { padding: 0 30px; text-transform: uppercase }
.whats-next .button span i { color: #1d1e1c }
.whats-next .button:hover { background: #1d1e1c; color: #50ae32; -webkit-transition: all 0.3s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s }
.whats-next .button:hover span i { color: #50ae32 }
.more-services { padding: 65px 0 45px }
.more-services h3 { font: 600 1.313em "proxima-nova",Arial,Helvetica,sans-serif; text-align: center; margin-bottom: 50px }
.more-services ul { overflow: hidden }
.more-services ul li { float: left; display: inline-block; width: 30%; margin-right: 3%; background: url(/images/services-li.png) no-repeat left top; min-height: 75px; padding-top: 15px; margin-bottom: 10px; font: normal 1.125em "proxima-nova",Arial,Helvetica,sans-serif }
.more-services ul li a { color: #1d1e1c; padding-left: 85px; display: inline-block }
.more-services ul li a:hover { color: #ff6e00 }

@media handheld, only screen and (max-width: 1024px) {
	.whats-next { padding: 45px 0 }
	.whats-next p { font-size: 1.125em; margin-bottom: 35px; font-weight:400; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
	.case-study.inner-content { padding: 45px 0 }
	.case-study .text-wrap .case-study-prev-text span { font-size: 1.125em; padding: 25px 30px 0 0; font-weight:400; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
	.case-study .text-wrap .case-study-prev-text { padding: 20px 20px 25px 10px }
	.case-study .text-wrap .case-study-prev-text a { font-size: 0.938em; display: inline-block }
	.case-study .image-wrap { width: 34%; margin: 3% }
	.case-study .image-wrap a i { padding: 20% 0 0 }
	.service-detail ul li, .support ul li, .service-detail ol li, .support ol li { font-size: 0.938em }
	.support { padding: 45px 0 }
	.more-services { padding: 45px 0 25px }
	.more-services ul li { font-size: 0.938em }
	.more-services ul li a { padding-left: 75px }
	.more-services h3 { margin-bottom: 40px }
}

@media handheld, only screen and (max-width: 768px) {
	.whats-next { padding: 35px 0 }
	.whats-next p { font-size: 1em; margin-bottom: 25px }
	.case-study.inner-content { padding: 35px 0 }
	.case-study .text-wrap .case-study-prev-text a { font-size: 0.875em }
	.case-study .image-wrap a i { padding: 15% 0 0 }
	.case-study .text-wrap .case-study-prev-text span { font-size: 1em }
	.service-detail ul li, .support ul li, .service-detail ol li, .support ol li { font-size: 0.875em }
	.support { padding: 35px 0 }
	.more-services ul li { font-size: 0.875em }
	.more-services h3 { margin-bottom: 30px }
}

@media handheld, only screen and (max-width: 620px) {
	.case-study .image-wrap { margin-bottom: 30px }
	.support img { margin-top: 30px }
	.more-services ul li { width: 100%; margin: 0 }
	.case-study.inner-content { padding: 0 }
	.more-services { padding: 35px 0 15px }
	.more-services ul li { width: 45%; margin: 0 5% 10px 0 }
}

@media handheld, only screen and (max-width: 480px) {
	.whats-next p { font-size: 0.938em; margin-bottom: 20px }
	.case-study .text-wrap .case-study-prev-text a { font-size: 0.813em }
	.case-study .image-wrap { float: none; width: auto; margin-top: 0; margin-bottom: 3%; padding-top: 25px }
	.case-study .image-wrap a i { padding: 23% 0 0 }
	.case-study .text-wrap { float: none; width: auto }
	.case-study .text-wrap .case-study-prev-text { padding: 15px 20px 25px }
	.case-study .text-wrap .case-study-prev-text span { font-size: 0.938em }
	.service-detail ul li, .support ul li, .service-detail ol li, .support ol li { font-size: 0.813em }
	.support { padding: 25px 0 }
	.more-services { padding: 25px 0 5px }
	.more-services ul li { font-size: 0.813em }
	.more-services h3 { margin-bottom: 25px }
}

@media handheld, only screen and (max-width: 420px) {
	.more-services ul li { width: 100%; margin: 0 0 10px 0; min-height: 55px }
}

.grey-border-bottom { border-bottom: 3px solid #f4f4f4 }
.clients.inner-content { padding: 40px 20px }
.clients .client-filter { float: left; width: 40% }
.clients .client-filter label { float: left; padding-top: 15px; margin-right: 15px; font-size: 1.313em; font-weight:400; font-family: "proxima-nova",Arial,Helvetica,sans-serif }
.clients .client-filter .textbox { float: left; margin: 0; max-width: 320px }

@media handheld, only screen and (max-width: 1140px) {
	.clients .client-filter { width: 50% }
}

@media handheld, only screen and (max-width: 920px) {
	.clients .client-filter .textbox { max-width: 250px }
}

@media handheld, only screen and (max-width: 800px) {
	.clients .client-filter label { display: block; float: none; margin: 0 0 7px 0; padding: 0 }
}

@media handheld, only screen and (max-width: 620px) {
	.clients.inner-content { padding: 40px 0 }
	.clients .client-filter { width: 45%; margin: 0 5% 0 0 }
}

@media handheld, only screen and (max-width: 450px) {
	.clients label { width: 100% }
	.clients .textbox { width: 100% }
}

@media handheld, only screen and (max-width: 420px) {
	.clients .client-filter { width: 100%; margin: 0 }
	.clients .client-filter label { padding-top: 15px }
	.clients .client-filter .textbox { max-width: 288px }
	.clients.inner-content { padding-top: 25px }
}

.inner-form { padding: 65px 0; background: #f4f4f4 }
.form { width: 100%; overflow: hidden }
.form label { font-size: 1.313em; font-weight:400; font-family: "proxima-nova",Arial,Helvetica,sans-serif; display: block; margin-bottom: 5px }
.form .form-cell { width: 48%; margin-right: 4%; *margin-right: 3.5% }
.form .form-info { width: 100%; padding: 10px 0 0 0; font-size: 0.813em }
.contact { background: #f4f4f4 }
.contact .form { width: 60%; margin: 65px auto }
.contact .form .textbox { border: 1px solid #1d1e1c; background: none }
.contact .form .textbox:focus { border: 1px solid #ff6e00; outline: none }
.contact .form .contact-cta { float: right; border: 2px solid #ff6e00; font: 700 1.125em "proxima-nova",Arial,Helvetica,sans-serif; color: #ff6e00; text-transform: none }
.contact .form .contact-cta:hover { background: #ff6e00; color: #1d1e1c }
.button.contact-cta { float: right; border: 2px solid #ff6e00 !important; font: 700 1.125em "proxima-nova",Arial,Helvetica,sans-serif; color: #ff6e00 !important; text-transform: none }
.button.contact-cta:hover { background: #ff6e00 !important; color: #1d1e1c !important }
.contact-map-wrap { height: 617px; overflow: hidden }
.map { width: 100% }
.contact-box { position: relative; color: #fff; background: #50ae32 }
.contact-box #accordion { background: #111 }
.contact-box .accordian { cursor: pointer; margin-bottom: 1px }
.contact-box .accordian.last { margin: 0 }
.contact-box .accordian.cycle-pager-active { cursor: default }
.contact-box .accordian-heading { padding: 30px 50px; font: 600 2.25em "proxima-nova",Arial,Helvetica,sans-serif; display: block }
.contact-box .accordian-content { display: none; -webkit-transition: all 0.9s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: all 0.9s ease-in-out 0s; -o-transition: all 0.9s ease-in-out 0s; transition: all 0.9s ease-in-out 0s; overflow: hidden }
.contact-box .accordian-content .textpad { padding: 0 90px }
.contact-box .accordian-content .textpad p { font: 600 1.313em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.5em }
.contact-box i.arrow { position: absolute; right: 50px; font-size: 0.75em }
.contact-box .accordian-heading { margin-bottom: 0; background: #50ae32 }
.contact-box .accordian-heading i.arrow { color: #fff; margin: 7px 0 0 0 }
.contact-box .accordian-heading i { color: #1d1e1c; margin-right: 7px }
.contact-box .accordian-heading .fa-angle-down { display: inline-block }
.contact-box .accordian-heading .fa-angle-right { display: none }
.contact-box .cycle-pager-active .accordian-heading { background: none }
.contact-box .cycle-pager-active .accordian-heading i { color: #fff }
.contact-box .cycle-pager-active .accordian-heading i.arrow { color: #fff }
.contact-box .cycle-pager-active .accordian-heading .fa-angle-down { display: none }
.contact-box .cycle-pager-active .accordian-heading .fa-angle-right { display: inline-block }
.contact-box .cycle-pager-active .accordian-content { padding-bottom: 90px }
.contact-box a { color: #ff6e00 }
.contact-box a:hover { color: #fff }
.contact-box .cycle-pager-active .accordian-content { display: block }

@media handheld, only screen and (max-width: 620px) {
	.contact-map-wrap { height: 800px }
	.contact-map-wrap .half { width: 100% }
}

.breadcrumb { overflow: hidden; display: block; background: #f4f4f4; padding-top: 15px; padding-bottom: 15px }
.breadcrumb ul li { margin-right: 10px; list-style: none }
.breadcrumb ul li a { margin: 0 7px 0 0 }

@media handheld, only screen and (max-width: 1024px) {
	.breadcrumb { padding-top: 12px; padding-bottom: 12px }
	.breadcrumb ul li { font-size: 0.938em }
}

@media handheld, only screen and (max-width: 768px) {
	.breadcrumb { padding-top: 10px; padding-bottom: 10px }
	.breadcrumb ul li { font-size: 0.875em }
}

@media handheld, only screen and (max-width: 480px) {
	.breadcrumb { padding-top: 7px; padding-bottom: 7px }
	.breadcrumb ul li { font-size: 0.813em }
}

#sticky-breadcrumb { display: none !important; overflow: hidden; background: #111; height: 0; transition: all 0.3s ease-in-out; opacity: 0 }
#sticky-breadcrumb.shown { height: 30px; padding-top: 9px; padding-bottom: 9px; opacity: 1 }
#sticky-breadcrumb .sticky-breadcrumb-inner { max-width: 1240px; padding: 0 10px; margin: 0 auto }
#sticky-breadcrumb .sticky-breadcrumb-inner img { float: left; margin: 0 20px 0 0; max-width: 31px }
#sticky-breadcrumb .sticky-breadcrumb-inner ul { padding: 2px 0 0 0; float: left }
#sticky-breadcrumb .sticky-breadcrumb-inner ul li { margin-right: 10px; list-style: none; color: #fff }
#sticky-breadcrumb .sticky-breadcrumb-inner ul li a { margin: 0 7px 0 0 }
#sticky-breadcrumb .sticky-breadcrumb-inner ul li a:hover { color: #fff }
#sticky-breadcrumb .in-section { float: left }
#sticky-breadcrumb .in-section span { color: #fff; margin: 3px 10px 0 0; float: left; display: none }
#sticky-breadcrumb .in-section .textbox { display: inline-block; background: #fff; margin: 0; border: none; padding: 5px 15px; font-size: 1em; float: left; width: auto }
#sticky-breadcrumb .in-section .textbox option { background: #111; color: #fff }
#sticky-breadcrumb .in-section .textbox:focus { border: 1px solid #ff6e00; background: #fff; outline: none }

@media handheld, only screen and (max-width: 1024px) {
	#sticky-breadcrumb .in-section { float: right }
	#sticky-breadcrumb .in-section span { display: inline-block }
	#sticky-breadcrumb ul li { font-size: 0.938em }
	#sticky-breadcrumb .sticky-breadcrumb-inner ul { display: none }
}

@media handheld, only screen and (max-width: 768px) {
	#sticky-breadcrumb ul li { font-size: 0.875em }
	#sticky-breadcrumb { display: none !important }
}

@media handheld, only screen and (max-width: 480px) {
	#sticky-breadcrumb.shown { padding-top: 7px; padding-bottom: 7px }
	#sticky-breadcrumb ul li { font-size: 0.813em }
}

.image-right { position: relative; width: 100%; max-width: 300px; float: right; margin: 0 0 15px 20px }
.image-left { position: relative; width: 100%; max-width: 300px; float: left; margin: 0 20px 15px 0 }
span.image-right img { position: relative; width: 100%; max-width: 300px; float: right; margin: 0 0 15px 20px }
span.image-left img { position: relative; width: 100%; max-width: 300px; float: left; margin: 0 20px 15px 0 }
.image-center { margin: 0 auto }
.image-full { width: 100% }
ul.side-nav { padding: 0 0 25px 0; border-top: 1px solid #f4f4f4 }
ul.side-nav .active { background: #fff }
ul.side-nav li { display: block }
ul.side-nav li a { display: block; padding: 10px 0 10px 20px; border-bottom: 1px solid #f4f4f4 }
ul.side-nav li ul li a { padding: 10px 0 10px 40px }

@media handheld, only screen and (max-width: 1140px) {
	ul.side-nav li a { padding: 15px 0 15px 10px }
}

@media handheld, only screen and (max-width: 1024px) {
	.inner-content { padding-top: 45px; padding-bottom: 20px }
}

@media handheld, only screen and (max-width: 768px) {
	.inner-content { padding-top: 35px; padding-bottom: 15px }
}

@media handheld, only screen and (max-width: 620px) {
	.inner-content { padding-top: 25px; padding-bottom: 5px }
	.inner-content ul.box-list { overflow: hidden }
	.inner-content ul.box-list li { width: auto; margin-right: 0; float: none; display: block }
}

@media handheld, only screen and (max-width: 530px) {
	.image-right, .image-left { float: none; margin: 0 0 15px 0; width: 100%; max-width: none }
}

.category-row { overflow: hidden }
.category-row .threecol, .category-row .fourcol { overflow: hidden; position: relative; margin-bottom: 30px }
.category-row .threecol img, .category-row .fourcol img { width: 100% }
.category-row .threecol h4, .category-row .fourcol h4 { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; text-align: center; line-height: 1.2 }
.links-docs { padding: 45px 0 25px; background: #f4f4f4; border-bottom: 1px solid #fff }
.links-docs h3 { text-align: center; margin-bottom: 40px; font: 600 1.313em "proxima-nova",Arial,Helvetica,sans-serif }
.links-docs .list-item { position: relative; width: 31%; float: left; margin: 0 2% 15px 0; display: block }
.links-docs .list-item:hover { background: #fff }
.links-docs .list-item i { position: relative; bottom: -10px; color: #1d1e1c; margin: 0 5% 0 0 }
.links-docs .list-item a { color: #ff6e00; font: 700 1.125em "proxima-nova",Arial,Helvetica,sans-serif; padding: 10px 20px 25px; display: block; display: block; border: 1px solid #eaeaea; overflow: hidden }
.links-docs .list-item a:hover { border-color: #fff }
.links-docs .list-item-left { float: left; display: inline-block; width: 25%; margin: 0 3% 0 0; text-align: center }
.links-docs .list-item-right { float: left; display: inline-block; padding-top: 10px; width: 72%; line-height: 1.5em }

@media handheld, only screen and (max-width: 1024px) {
	.links-docs .list-item a { font: 600 1em "proxima-nova",Arial,Helvetica,sans-serif }
	.links-docs h3 { margin-bottom: 35px }
}

@media handheld, only screen and (max-width: 800px) {
	.links-docs .list-item { width: 46%; margin: 0 2% 10px }
	.links-docs .list-item a { font: normal 0.938em "proxima-nova",Arial,Helvetica,sans-serif }
	.links-docs h3 { margin-bottom: 30px }
}

@media handheld, only screen and (max-width: 530px) {
	.links-docs .list-item { width: 100%; margin: 0 0 10px 0 }
	.links-docs .list-item a { font: normal 0.875em "proxima-nova",Arial,Helvetica,sans-serif }
	.links-docs h3 { margin-bottom: 25px }
}

.links-logos { padding: 65px 0 40px; background: #f4f4f4; border-bottom: 1px solid #fff }
.links-logos h3 { text-align: center; margin-bottom: 40px; font: 600 1.313em "proxima-nova",Arial,Helvetica,sans-serif }
.links-logos .list-item { position: relative; width: 31%; float: left; margin: 0 3.5% 25px 0; *margin-right: 3.4%; overflow: hidden; display: block; padding: 15px 0 30px }
.links-logos .list-item .vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.links-logos .list-item i { position: relative; bottom: -10px; color: #1d1e1c; margin: 0 5% 0 0 }
.links-logos .list-item a { color: #ff6e00; font:700 1.125em "proxima-nova",Arial,Helvetica,sans-serif; display: block; padding: 0 20px; display: block; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.links-logos .list-item a img { margin: 0 auto }
.links-logos .list-item-left { float: left; display: inline-block; width: 25%; margin: 0 5% 0 0; text-align: center }
.links-logos .list-item-right { float: left; display: inline-block; padding-top: 10px; width: 70%; line-height: 1.5em }

@media handheld, only screen and (max-width: 800px) {
	.links-logos .list-item { width: 50%; margin: 0 }
}

@media handheld, only screen and (max-width: 530px) {
	.links-logos .list-item { width: 100% }
}

.list-content { overflow: hidden; display: block; margin-bottom: 25px }
.list-row { overflow: hidden; display: block; width: auto; padding: 15px; background: #f4f4f4 }
.list-row i { margin-right: 10px }
.list-row .list-left { min-width: 70% }
.list-row .list-right { width: 30% }
.gallery { padding: 40px 0; background: #1d1e1c; color: #fff }
.gallery h3 { text-align: center; margin-bottom: 30px; font: 600 1.313em "proxima-nova",Arial,Helvetica,sans-serif }
.image-gallery-wrap { position: relative; width: 15%; float: left; margin: 0 2% 15px 0 }
.image-gallery-wrap img { width: 100%; margin: 0; padding: 0 }
.image-gallery-wrap a { position: relative; display: table-cell; vertical-align: middle }
.image-gallery-wrap a i { display: none; padding: 26% 0 0 0; text-align: center; background: rgba(0,0,0,0.1); color: #fff }
.image-gallery-wrap a:hover i { display: block }
.gallery-content { display: none; padding: 0; min-height: 70px; font-size: 0.813em }
.gallery-content .text-pad { padding: 12px 15px }
.overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; color: #fff; background: rgba(0,0,0,0.5) }
.video-gallery-wrap { position: relative; width: 31%; float: left; margin: 0 3.5% 25px 0; *margin-right: 3.4% }
.video-gallery-wrap img { width: 100%; margin: 0; padding: 0 }
.video-gallery-wrap a { position: relative; display: table-cell; vertical-align: middle }
.video-gallery-wrap a i { display: none; padding: 30% 0 0 0; text-align: center; background: rgba(0,0,0,0.1); color: #fff }
.video-gallery-wrap a:hover i { display: block }
.video-content { padding: 0 }
.video-content .text-pad { padding: 15px 0 0 0 }
.video-content .text-pad p { text-align: center; margin: 0 }
ul.side-row { padding: 0 0 25px 0 }
ul.side-row li { padding: 15px 0 15px 0; background: #f4f4f4 }
ul.side-row li a { padding: 0 10px; display: block }
ul.side-row li a i { margin-right: 10px }
.side-gallery-wrap { overflow: hidden; position: relative; display: block; width: 100% }
.side-gallery-content { width: 100%; margin-bottom: 10px; padding: 10px 0; display: block }

@media handheld, only screen and (max-width: 768px) {
	.image-gallery-wrap, .video-gallery-wrap, .image-gallery-wrap.last, .video-gallery-wrap.last { width: 46%; margin: 0 2% 4% 2% !important }
}

@media handheld, only screen and (max-width: 620px) {
	.delete-620 { display: none }
	.form .form-cell { width: auto; display: block; float: none; margin-right: 0 }
	.video-content .text-pad { padding: 5px 0 0 0 }
	.list-row { font-size: 0.8em }
	.list-row i { margin-right: 10px }
	.list-row .list-left { width: 85% }
	.list-row .list-right { width: 15% }
	.list-row .list-right span { display: none }
}

@media handheld, only screen and (max-width: 450px) {
	.video-gallery-wrap, .video-gallery-wrap.last { width: auto; margin: 0 2% 4% 2% !important }
}

.search-box { float: right; padding: 10px 0; background: #fff }
.category-search { display: none !important; margin: 13px 20px 0 0; font-size: 0.875em }
.category-search i { display: inline; margin-left: 5px }
.category-dropdown-content { overflow: hidden; padding: 30px 0; margin-bottom: 10px; background: #f4f4f4 }
.category-dropdown-content ul li { width: 22%; padding: 0 0 0 20px; background: none }
.text-search { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #1d1e1c }
.text-search .textbox { margin: 0; float: left; color: #1d1e1c; border: 0; width: 270px }
.text-search .button { background: none; color: #1d1e1c; width: 50px; height: 50px; margin: 0; padding: 10px 0; float: right; text-align: center; font-size: 0.938em; border: 0 }
.text-search .button span { displat: block; text-align: center; padding: 0 }
.text-search .button:hover { color: #ff6e00 }
.full-news-box { position: relative; width: 100%; margin-bottom: 45px; background: #fff }
.image-wrap-full { position: relative; overflow: hidden; width: 30% }
.image-wrap-full img { width: 100%; height: auto }
.text-wrap-full { width: 70% }
.text-wrap-full h2 { margin: 0 0 10px 0; text-align: left; background: none; text-transform: none }
.text-wrap-full .text-wrap-pad { padding: 18px 20px; display: block }
.text-wrap-full .text-wrap-pad p { margin-bottom: 0; font-size: 0.938em }
span.date { margin-bottom: 5px; display: block }
.small-news { overflow: hidden; position: relative; width: 30%; margin-right: 5%; margin-bottom: 40px; background: #fff }
.small-news .image-wrap { position: relative; overflow: hidden; display: block; max-height: 227px }
.small-news .image-wrap img { width: 100% }
.small-news .text-wrap { padding: 0; height: 220px }
.small-news .text-wrap .text-wrap-pad { padding: 18px 20px; display: block }
.small-news .text-wrap h2 { margin: 0 0 10px 0; word-wrap: hyphenate; word-break: break-word }
.small-news .text-wrap p { margin-bottom: 0; font-size: 0.813em; line-height: 1.5em }
.careers-article { margin-bottom: 30px; position: relative; background: #f4f4f4 }
.careers-article i { color: #fff; font-size: 1.45em }
.careers-article .left, .careers-article .onecol, .careers-article .twocol, .careers-article .threecol, .careers-article .fourcol, .careers-article .fivecol, .careers-article .sixcol, .careers-article .sevencol, .careers-article .eightcol, .careers-article .ninecol, .careers-article .tencol, .careers-article .elevencol, .careers-article .news-title-box, .careers-article .news-search-box, .careers-article header .main-navigation ul li, header .main-navigation ul .careers-article li, .careers-article .tab li, .tab .careers-article li, .careers-article .inner-content ul.box-list li, .inner-content ul.box-list .careers-article li, .careers-article .form .form-cell, .form .careers-article .form-cell, .careers-article .breadcrumb ul li, .breadcrumb ul .careers-article li, .careers-article #sticky-breadcrumb .sticky-breadcrumb-inner ul li, #sticky-breadcrumb .sticky-breadcrumb-inner ul .careers-article li, .careers-article .list-row .list-left, .list-row .careers-article .list-left, .careers-article .list-row .list-right, .list-row .careers-article .list-right, .careers-article .category-search, .careers-article .category-dropdown-content ul li, .category-dropdown-content ul .careers-article li, .careers-article .text-search .textbox, .text-search .careers-article .textbox, .careers-article .text-search .button, .text-search .careers-article .button, .careers-article .full-news-box, .careers-article .image-wrap-full, .careers-article .text-wrap-full, .careers-article .small-news, .careers-article .blog-article, .careers-article .blog-article .image-wrap, .blog-article .careers-article .image-wrap, .careers-article .blog-article .text-wrap, .blog-article .careers-article .text-wrap, .careers-article .paging a, .paging .careers-article a, .careers-article .profile-header img, .profile-header .careers-article img, .careers-article .faq-open span .fa-minus-square, .faq-open span .careers-article .fa-minus-square, .careers-article .inner-content .ninecol ul.media-filter li, .inner-content .ninecol ul.media-filter .careers-article li, .careers-article .testimonial-left { top: 20px; left: 20px; position: absolute }
.careers-article .right, .careers-article .text-search, .careers-article .faq-heading span .fa-plus-square, .faq-heading span .careers-article .fa-plus-square, .careers-article .testimonial-right { top: 20px; right: 20px; position: absolute }
.careers-article .textpad { padding: 60px }
.careers-article .textpad h3 { font: normal 1.5em "proxima-nova",Arial,Helvetica,sans-serif }
.careers-article .textpad a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif }
.authors-article { margin-bottom: 30px; position: relative; background: #f4f4f4 }
.authors-article .textpad { padding: 40px }
.authors-article .textpad h3 { font: normal 1.5em "proxima-nova",Arial,Helvetica,sans-serif }
.authors-article .textpad a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif }
.new-blog-article { margin-bottom: 50px; padding-top: 15px; position: relative }
.new-blog-article .author { float: right; margin-bottom: -52px }
.new-blog-article .author img { border-radius: 50%; display: inline-block; margin-right: 12px }
.new-blog-article .author span { display: inline-block; position: relative; top: -35px; font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif; letter-spacing: 0.03em }
.new-blog-article .author span a { color: #ff6e00; text-transform: uppercase }
.new-blog-article .wrapper { background: #f4f4f4; margin-top: 60px }
.new-blog-article .wrapper .textpad { padding: 35px 40px }
.new-blog-article .wrapper .textpad .info { position: relative; height: 150px; width: 180px; margin-top: -145px; margin-bottom: 30px }
.new-blog-article .wrapper .textpad .info .info-overlay { background: url(/images/info_overlay.png) repeat-x bottom left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block }
.new-blog-article .wrapper .textpad .info .info-overlay .date { font: normal 2.25em "proxima-nova",Arial,Helvetica,sans-serif; color: #fff; position: absolute; bottom: 10px; z-index: 2; text-align: center; margin-left: 40px }
.new-blog-article .wrapper .textpad .info .info-overlay .date span { font: normal 0.875rem "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; display: block }
.new-blog-article .wrapper .textpad h3 { font: normal 1.5em "proxima-nova",Arial,Helvetica,sans-serif }
.new-blog-article .wrapper .textpad a { color: #ff6e00; border-bottom: 1px solid #ff6e00; padding-bottom: 5px; font: normal 1em "proxima-nova",Arial,Helvetica,sans-serif }

@media handheld, only screen and (max-width: 620px) {
	.new-blog-article .author { margin-bottom: 20px; float: left }
	.new-blog-article .wrapper { margin-top: 100px }
}

.blog-article { position: relative; overflow: hidden; width: 100%; margin-bottom: 45px; padding-bottom: 45px; border-bottom: 1px solid #ccc }
.blog-article .image-wrap { position: relative; overflow: hidden; width: 30% }
.blog-article .image-wrap img { width: 100%; height: auto }
.blog-article .text-wrap { width: 70% }
.blog-article .text-wrap h2 { margin: 0 0 10px 0; text-align: left; background: none; text-transform: none }
.blog-article .text-wrap hr { margin: 10px 0 }
.blog-article .text-wrap .text-pad { padding: 0px 20px 0px 20px; display: block }
.blog-article .text-wrap .text-pad p { margin-bottom: 15px }
.blog-article span.date { margin-bottom: 5px; display: block }
.blog-article .tags { display: block; font-size: 0.8em }
.blog-article .comments { display: block; font-size: 0.8em }
.category-box { padding: 0 15px; display: block; background: #fff; position: relative }
.category-box .accordian-heading { padding: 25px 0 10px; cursor: pointer; font: normal 1.313em "proxima-nova",Arial,Helvetica,sans-serif; display: block; margin-bottom: 15px }
.category-box i { position: absolute; right: 20px }
.category-box .accordian-closed { border-top: 4px solid #f4f4f4 }
.category-box .accordian-closed i { color: #f4f4f4 }
.category-box .accordian-closed .fa-angle-down { display: inline-block }
.category-box .accordian-closed .fa-angle-up { display: none }
.category-box .accordian-open { border-top: 4px solid #1d1e1c }
.category-box .accordian-open i { color: #1d1e1c }
.category-box .accordian-open .fa-angle-down { display: none }
.category-box .accordian-open .fa-angle-up { display: inline-block }
.category-box ul { padding-left: 20px; padding-bottom: 30px }
.category-box ul li { list-style: none; display: block; margin-bottom: 12px; font-size: 1em }
.category-box ul li a { color: #1d1e1c }
.category-box ul li a span { display: none }
.category-box ul li a:hover { color: #50ae32 }
.paging { margin: 0 0 30px 0; display: none }
.paging a { padding: 5px 10px; margin: 0 10px 0 0; font-size: 0.938em; background: #fff }
.paging a.active { color: #fff; background: #ccc }
.paging a:hover { background: #ccc }

@media handheld, only screen and (max-width: 900px) {
	.text-wrap-full .text-wrap-pad p, .small-news .text-wrap p { display: none }
}

@media handheld, only screen and (max-width: 775px) {
	.text-search .textbox { width: 180px }
	.category-search { text-indent: -9999px; width: 0; float: left; margin: 12px 10px 0 0 }
}

@media handheld, only screen and (max-width: 620px) {
	.search-box { float: left; padding: 10px }
	.full-news-box, .small-news { width: 100%; float: none; margin-bottom: 10px; display: block }
	.image-wrap-full, .small-news .image-wrap { position: relative; overflow: hidden; width: 35%; float: left; display: inline-block; max-height: none }
	.image-wrap-full img { width: 100%; height: auto }
	.text-wrap-full, .small-news .text-wrap { width: 65%; height: auto; float: left; display: inline-block; padding: 0 }
	.text-wrap-pad { padding: 15px; display: block }
	.small-news .text-wrap p, .text-wrap-full p { display: none }
	.small-news .text-wrap h2, .text-wrap-full h2 { font-size: 1em; margin-bottom: 0 }
	.small-news .text-wrap .date, .text-wrap-full .date { font-size: 0.8em }
	.small-news .text-wrap p { font-size: 0.938em }
	.paging a { padding: 2px 7px; font-size: 1em; margin-right: 5px }
	.category-dropdown-content { float: none; margin-left: 20px; margin-right: 20px; padding-left: 0; padding-right: 0 }
	.blog-article { margin-bottom: 30px; padding-bottom: 30px }
	.blog-article .image-wrap { width: auto; float: none; display: block }
	.blog-article .image-wrap img { width: 50%; margin: 0 auto 25px auto }
	.blog-article .text-wrap { width: auto; float: none; display: block }
	.blog-article .text-wrap .text-pad { padding: 0 }
}

@media handheld, only screen and (max-width: 480px) {
	.category-search { display: none }
	.text-wrap-pad { padding: 10px 15px; display: block }
	.small-news .text-wrap h2, .text-wrap-full h2 { font-size: 0.8em; margin-bottom: 0 }
	.small-news .text-wrap .date, .text-wrap-full .date { font-size: 0.7em; margin-bottom: 2px }
	.text-search .textbox { width: 150px }
}

@media handheld, only screen and (max-width: 350px) {
	.text-search .textbox { width: 130px }
}

.profile { position: relative; margin-bottom: 25px; background: #fff }
.profile .text-pad { overflow: hidden; padding: 25px 25px 45px 25px }
.profile-header { overflow: hidden; display: block; clear: both; margin: 0 0 25px 0 }
.profile-header img { max-width: 100px; margin: 0 15px 0 0 }
.profile-header small { display: block }
.profile-email { position: absolute; bottom: 25px; right: 70px }
.profile-linkedin { position: absolute; bottom: 25px; right: 25px }
.red { color: red }
.radio-button { margin: 0 10px }
.option-wrap { margin-right: 15px; display: inline-block; font-size: 0.9em }
.side-contact aside { display: block; margin-bottom: 20px; line-height: 1.2em }

@media handheld, only screen and (max-width: 775px) {
	.side-contact { font-size: 80% }
}

.review-outer { width: 100%; background: #f4f4f4 }
.review { padding: 20px }
.review-user { padding: 15px 20px; font-style: italic }
.faq-heading { background: #f4f4f4; cursor: pointer }
.faq-heading span { display: block; padding: 10px 15px }
.faq-heading span .fa-plus-square { margin-left: 10px; line-height: 1 }
.faq-heading span .fa-minus-square { display: none }
.faq-open { background: #f4f4f4; cursor: pointer }
.faq-open span { display: block; padding: 10px 15px 10px 15px }
.faq-open span .fa-plus-square { display: none }
.faq-open span .fa-minus-square { margin-left: 10px; line-height: 1 }
.faq-content { padding: 0 10px 20px 10px }
.submit-question { height: auto; padding: 0 0 30px 0; width: 100% }

@media handheld, only screen and (max-width: 900px) {
	.faq-heading { font-size: 90% }
}

ul.media-sub-category li a { overflow: hidden; padding: 5px 10px 5px 30px; display: block; border-bottom: 1px solid #f4f4f4 }
.inner-content .ninecol ul.media-filter { overflow: hidden }
.inner-content .ninecol ul.media-filter li { width: 25%; margin: 0; padding: 0; background: none }
.inner-content .ninecol ul.media-filter li a { padding: 10px; background: #f4f4f4; display: block; margin-right: 1px }

@media handheld, only screen and (max-width: 460px) {
	.inner-content .ninecol ul.media-filter li a { font-size: 80% }
}

.testimonial { margin-bottom: 30px }
.testimonial .text-pad { overflow: hidden; padding: 32px; background: #fff }
.testimonial-left { width: 17% }
.testimonial-left img { border: 1px solid #ccc }
.testimonial-right { position: relative; width: 79% }
.testimonial-right i { position: absolute; right: 0; top: 0 }
.testimonial h4 { font-size: 1.688em }
.testimonial h4 small { display: block; margin-top: 2px; font-size: 65% }
.video-testimonial-wrap { position: relative; margin-bottom: 50px }
.video-testimonial-wrap img { width: 100%; margin: 0; padding: 0 }
.video-testimonial-content { text-align: center; background: #fff }
.video-testimonial-content-wrap { padding: 15px }
.video-testimonial-content-wrap h4 { font-size: 1.313em }
.video-testimonial-content-wrap h4 small { display: block; margin-top: 2px; font-size: 65% }
.video-testimonial-wrap a { overflow: hidden; position: relative; display: block }
.video-testimonial-pad { overflow: hidden; padding: 10px; background: #fff }

@media handheld, only screen and (max-width: 620px) {
	.testimonial-text { font-size: 95% }
	.testimonial .text-pad { padding: 15px }
	.profile .text-pad { padding: 25px 0 45px 0 }
}

@media handheld, only screen and (max-width: 530px) {
	.testimonial-left { width: auto; float: none; display: block; margin-bottom: 20px }
	.testimonial-right { width: auto; float: none; display: block }
}

@media print {
	.top-nav-row, .main-nav, .list-content, .form, .side-nav, .side-row, .side-gallery-image-wrap, .side-gallery-content, .image-gallery-wrap, .video-gallery-wrap, .dont-print, footer, .breadcrumb, .search-box, .paging, .comment-container, .video-testimonial-wrap, .header-right { display: none }
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol, .slider-text, .news-title-box, .news-search-box { width: auto; float: none; margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px }
	html, body { font: normal 100% Arial, Helvetica, sans-serif; color: #1d1e1c; background: #fff; line-height: 1.5em }
	.break-page { page-break-after: always }
	.logo { width: 25% }
}

.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1 }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s }
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none }
.element { width: 300px; height: 300px; float: left; overflow: hidden; position: relative; background: #fff; color: #1d1e1c }
.element h2 { text-align: center; font: 600 4.5em "proxima-nova",Arial,Helvetica,sans-serif }
.element h2 small { font: 300 3rem "proxima-nova",Arial,Helvetica,sans-serif; display: block }
.element img { margin: 0 auto }
.element .vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.element blockquote { font: normal 1.5em "proxima-nova",Arial,Helvetica,sans-serif; line-height: 1.5; text-align: center; background: url(/images/bottom-right-corner.png) no-repeat bottom right; color: #fff }
.element blockquote span { font: 300 0.875em "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; display: block; padding-top: 15px }
.element .half { height: 100% }
.element .half .textpad { padding: 40px }
.element .green { background: #50ae32 }
.element p { background: url(/images/bottom-right-corner.png) no-repeat bottom right; color: #fff }
.element ul { background: url(/images/bottom-right-corner.png) no-repeat bottom right; color: #fff }
.element ul li:before { content: "- " }
.element ul li { font: 400 0.875em "proxima-nova",Arial,Helvetica,sans-serif; text-transform: uppercase; padding-bottom: 15px }
.element.text { background: #f4f4f4; color: #1d1e1c }
.element.image { background: #fff !important; color: #1d1e1c }
#options { padding-bottom: 1.0em }
#options h3 { margin-bottom: 0.2em; font-size: 15px }
#options h4 { font-weight: bold }
#options ul { margin: 0; list-style: none }
#options ul ul { margin-left: 1.5em }
#options li { float: left; margin-bottom: 0.2em }
#options li a { display: block; padding: 0.4em 0.5em; background-color: #DDD; color: #222; font-weight: bold; text-shadow: 0 1px rgba(255,255,255,0.5); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5), rgba(255,255,255,0)); background-image: linear-gradient(top, rgba(255,255,255,0.5),rgba(255,255,255,0)) }
#options li a:hover { background-color: #5BF }
#options li a:active { background-color: #39D; -webkit-box-shadow: inset 0 2px 8px rgba(0,0,0,0.6); -moz-box-shadow: inset 0 2px 8px rgba(0,0,0,0.6); -o-box-shadow: inset 0 2px 8px rgba(0,0,0,0.6); box-shadow: inset 0 2px 8px rgba(0,0,0,0.6) }
#options li a { border-left: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(0,0,0,0.2) }
#options li:first-child a { border-radius: 7px 0 0 7px; border-left: none }
#options li:last-child a { border-radius: 0 7px 7px 0 }
#options li a.selected { background-color: #13F; text-shadow: none; color: white }
#options .option-combo { display: inline-block; float: left; margin-right: 10px }
#options .option-combo ul { margin-right: 20px; display: inline-block }
#options .option-combo h2, #options .option-combo h4 { line-height: 34px; margin-bottom: 0; margin-right: 5px; display: inline-block; vertical-align: top }
.horizontal #container { height: 80% }
.clearfix:before, .clearfix:after { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
.element { width: 25% }
.variable-sizes .element.width2 { width: 50%; box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.4) }
.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 { width: 50%; height: 600px; box-shadow: inset 0px 0px 0 2000px rgba(0,0,0,0.4) }

@media handheld, only screen and (max-width: 620px) {
	.element { width: 100% }
	.variable-sizes .element.width2 { width: 100% }
	.element.large, .variable-sizes .element.large, .variable-sizes .element.large.width2.height2 { width: 100% }
}

@media handheld, only screen and (max-width: 1024px) {
	h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; letter-spacing: -0.02em }
	h1 { font-size: 3.500em; margin-bottom: 20px; line-height: 1em }
	h2 { font-size: 2.000em; margin-bottom: 30px }
	h3 { font-size: 1.500em; margin-bottom: 25px }
	h4 { font-size: 1.250em; margin-bottom: 25px }
	h5 { font-size: 1.125em; margin-bottom: 20px }
	h6 { font-size: 1.000em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 25px }
	p.big-text { font-size: 1.125em; line-height: 1.4em }
	p { font-size: 0.938em; line-height: 1.4em; margin: 0 0 25px 0 }
}

@media handheld, only screen and (max-width: 768px) {
	h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; letter-spacing: -0.02em }
	h1 { font-size: 2.500em; margin-bottom: 20px; line-height: 1em }
	h2 { font-size: 2.000em; margin-bottom: 25px }
	h3 { font-size: 1.500em; margin-bottom: 20px }
	h4 { font-size: 1.250em; margin-bottom: 20px }
	h5 { font-size: 1.125em; margin-bottom: 20px }
	h6 { font-size: 1.000em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 15px }
	p.big-text { font-size: 1.000em; line-height: 1.4em }
	p { font-size: 0.875em; line-height: 1.3em; margin: 0 0 25px 0 }
}

@media handheld, only screen and (max-width: 480px) {
	h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; letter-spacing: -0.02em }
	h1 { font-size: 2.000em; margin-bottom: 20px; line-height: 1em }
	h2 { font-size: 1.500em; margin-bottom: 20px }
	h3 { font-size: 1.250em; margin-bottom: 15px }
	h4 { font-size: 1.125em; margin-bottom: 15px }
	h5 { font-size: 1.000em; margin-bottom: 15px }
	h6 { font-size: 0.938em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 10px }
	p.big-text { font-size: 0.938em; line-height: 1.4em }
	p { font-size: 0.813em; margin: 0 0 20px 0 }
}

.service-detail { border-bottom: 1px solid #f4f4f4 }
.service-detail .container .row .text-pad { overflow: hidden }
.service-detail .container .row .text-pad .eightcol p:last-child { margin-bottom: 0 !important }
.gc-right img { float: right; width: 35%; margin: 0 0 30px 5% }
.gc-left img { float: left; width: 35%; margin: 0 5% 30px 0 }
.gc-right .gc-content { float: left; width: 60% }
.gc-left .gc-content { float: right; width: 60% }
.gc-content ul { clear: both }

@media handheld, only screen and (max-width: 900px) {
	.gc-right .gc-content { width: 65% }
	.gc-left .gc-content { width: 65% }
	.gc-left img { width: 30% }
	.gc-right img { width: 30% }
}

@media handheld, only screen and (max-width: 620px) {
	.gc-right .gc-content { width: 100%; float: none }
	.gc-left .gc-content { width: 100%; float: none }
	.gc-left img { float: none; margin-right: 0 }
	.gc-right img { float: none; margin-left: 0 }
}

@media handheld, only screen and (max-width: 480px) {
	.gc-left img { width: 100%; margin-bottom: 20px }
	.gc-right img { width: 100%; margin-bottom: 20px }
}

.stop-scrolling { height: 100%; overflow: hidden }
.dl-menuwrapper { width: 100%; z-index: 9999; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200% }
.dl-menuwrapper:first-child { margin-right: 100px }
button.dl-trigger { background: #111; color: #fff; border: none; overflow: hidden; position: absolute; cursor: pointer; outline: none; display: block; padding: 0; right: 0 }
button.dl-trigger i { font-size: 2em; padding: 9px 10px }
button.dl-active { background: #50ae32 }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background: #111 }
.dl-menuwrapper li { position: relative; border-bottom: 1px solid #333 }
.dl-menuwrapper li a { display: block; position: relative; padding: 12px 20px; font-size: 16px; line-height: 14px; font-weight: 300; color: #fff; outline: none }
.no-touch .dl-menuwrapper li a:hover { background: #333 }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1) }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 38px; font-family: 'FontAwesome'; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #50ae32 }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #50ae32; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15) }
.dl-menuwrapper .dl-menu { margin: 0 0 0 0; position: absolute; width: 100%; opacity: 0; display: none\9; pointer-events: none; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-backface-visibility: hidden; backface-visibility: hidden }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; display: block\9; -webkit-transform: translateY(0px); transform: translateY(0px) }
.dl-menuwrapper li .dl-submenu { display: none }
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none }
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block }
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 0; left: 0; margin: 0 }
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s }
.dl-menu li form { padding-left: 10px; padding-right: 10px }
.dl-menu li form button { position: absolute; right: 10px; top: 56px }

@-webkit-keyframes MenuAnimOut1 {
	50% { -webkit-transform: translateZ(-250px) rotateY(30deg) }
	75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5 }
	100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0 }
}

@keyframes MenuAnimOut1 {
	50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg) }
	75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5 }
	100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0 }
}

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s }

@-webkit-keyframes MenuAnimIn1 {
	0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0 }
	20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5 }
	100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1 }
}

@keyframes MenuAnimIn1 {
	0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0 }
	20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5 }
	100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1 }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease }

@-webkit-keyframes SubMenuAnimIn1 {
	0% { -webkit-transform: translateX(50%); opacity: 0 }
	100% { -webkit-transform: translateX(0px); opacity: 1 }
}

@keyframes SubMenuAnimIn1 {
	0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 }
	100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1 }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease }

@-webkit-keyframes SubMenuAnimOut1 {
	0% { -webkit-transform: translateX(0%); opacity: 1 }
	100% { -webkit-transform: translateX(50%); opacity: 0 }
}

@keyframes SubMenuAnimOut1 {
	0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1 }
	100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0 }
}

.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none }
.no-js .dl-menuwrapper li .dl-submenu { display: block }
.no-js .dl-menuwrapper li.dl-back { display: none }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1) }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: '' }

@media handheld, only screen and (max-width: 768px) {
	.header-mobile { background: #111; position: fixed; width: 100%; z-index: 10001; display: block }
	.header-mobile .logo { width: 150px; display: block; margin: 10px 0 15px 20px; float: left }
	.dl-menuwrapper { height: 0; top: 0 }
	.mobile-search { position: absolute; right: 50px; padding: 0.5em; font-size: 1.5em; color: white }
	a:hover.mobile-search { color: #fff }
	header { display: none }
	.upper-content { padding-top: 90px }
	.overlay-content { width: 80%; margin: 40% auto }
}