@import url(../css/jquery.mmenu.all.css);
@font-face { font-family: 'Museo700-Regular'; src: url("../fonts/Museo700-Regular.ttf") format("truetype"); }
@font-face { font-family: 'MuseoSans_300'; src: url("../fonts/MuseoSans_300.ttf") format("truetype"); }
@font-face { font-family: 'MuseoSans_700'; src: url("../fonts/MuseoSans_700.ttf") format("truetype"); }
@font-face { font-family: 'IconeStd-65Bold'; src: url("../fonts/IconeStd-65Bold.otf") format("opentype"); }
h1, h2, h3, h4, h5, h6 { margin-bottom: .8em; }

h1 { font-family: "Museo700-Regular", "Poppins", sans-serif; font-size: 3em; text-transform: lowercase; color: #000000; font-weight: 700; margin-bottom: .2em; }

h2 { font-family: "MuseoSans_700", "Poppins", sans-serif; font-size: 2em; color: #000000; padding-bottom: .5em; margin-bottom: 0em; font-weight: 700; text-transform: uppercase; }

h3 { font-family: "MuseoSans_300", "Poppins", sans-serif; font-size: 1.5em; color: #000000; margin-bottom: 0.3em; }

h4 { font-size: 26px; font-family: "Museo700-Regular", "Poppins", sans-serif; color: #000000; font-weight: normal; }

h5 { font-family: "Museo700-Regular", "Poppins", sans-serif; font-size: 52px; color: #000000; margin-bottom: 0.2em; }

p, a, blockquote { font-family: "MuseoSans_300", "Poppins", sans-serif; font-size: 1.4em; color: #000000; }

@media screen and (max-width: 480px) { p, ul, ol, a, blockquote { font-size: 1em; } }
a { color: #000000; text-decoration: none; color: #000000; font-weight: bold; font-family: "MuseoSans_300", "Poppins", sans-serif; }

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

p { margin-bottom: 1em; color: #000000; }

ol, ul { list-style-position: inside; }

ul li { list-style: inside disc; }

dt { font-family: "Museo700-Regular", "Poppins", sans-serif; color: #000000; font-size: 20px; font-weight: normal; display: block; }

dd { margin-bottom: 1em; }

.container a { font-size: 1em; color: #F55942; }
.container a.page-contact { color: #FF9C34; }
.container a.page-services { color: #B854EC; }
.container a.page-our-clients { color: #26C4F3; }
.container a.page-our-team { color: #F55942; }
.container a.page-locations { color: #B6D02E; }

.services-colour { color: #B854EC; }

.clients-colour { color: #26C4F3; }

.locations-colour { color: #B6D02E; }

.team-colour { color: #F55942; }

.services-background { background-color: #B854EC; }

.clients-background { background-color: #26C4F3; }

.locations-background { background-color: #B6D02E; }

.team-background { background-color: #F55942; }

.so-motif { fill: #fff; }

.navbar-toggle { position: relative; top: 10px; margin-right: 5px; z-index: 10; }
.navbar-toggle .icon-bar { display: block; width: 35px; height: 4px; border-radius: 3px; background-color: #fff; margin-bottom: 7px; }
.navbar-toggle.active { z-index: 11; position: fixed; right: 0; }
.navbar-toggle.active .icon-bar { background: #000; -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.55, 0.99); transition: 250ms transform cubic-bezier(0.4, 0, 0.55, 0.99); }
.navbar-toggle.active .icon-bar.first { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.55, 0.99); transition: 250ms transform cubic-bezier(0.4, 0, 0.55, 0.99); position: relative; top: 11px; }
.navbar-toggle.active .icon-bar.second { display: none; }
.navbar-toggle.active .icon-bar.third { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.55, 0.99); transition: 250ms transform cubic-bezier(0.4, 0, 0.55, 0.99); }
.navbar-toggle.active .menu-text { color: #000000; }
.navbar-toggle .menu-text { display: inline-block; float: right; position: relative; top: 4px; left: -55px; font-weight: bold; color: #fff; font-family: "MuseoSans_300", "Poppins", sans-serif; text-transform: uppercase; }

header.navbar { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; height: 90px; border-radius: 0px; background-color: #000; }
header.navbar.page-home { background-color: transparent; }
header.navbar .navbar-header { width: 100%; position: absolute; top: 0; z-index: 10; left: 0; }
header.navbar .menu { display: none; }
header.navbar .navbar-brand { color: #fff; }
header.navbar #menu { display: none; background: #fff; z-index: 10; position: fixed; top: -1px; width: 100%; }
header.navbar #menu .navbar-nav { margin-top: 0em; float: none; width: 100%; margin: 0; }
header.navbar #menu .navbar-nav li { float: none; text-align: center; padding: 1em; }
header.navbar #menu .navbar-nav a { font-size: 2em; text-transform: lowercase; }
header.navbar #menu .navbar-nav a:hover, header.navbar #menu .navbar-nav a:focus { background-color: transparent; }
header.navbar #menu.active { display: block; }

.intro { text-align: center; max-width: 820px; margin: 5em auto; padding-top: .5em; }
.intro h1 { font-size: 2em; padding-bottom: .3em; text-transform: none; }
.intro h3 { font-size: 1.5em; margin-bottom: 1em; line-height: 1.5em; }
.intro p { max-width: 740px; margin: 20px auto; line-height: 1.5em; }
.intro a:last-child { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; padding: .5em 2.5em; font-size: 1.5em; text-decoration: none; text-transform: lowercase; font-weight: 700; border-radius: 4px; display: inline-block; margin: 1em auto; }
.intro a:last-child:hover { background: #B854EC; color: #fff; }

.banner-holder { min-height: 600px; box-shadow: inset 0px 128px 75px -25px rgba(0, 0, 0, 0.56); }
.banner-holder .logo { text-align: center; fill: #fff; padding-top: 2em; }
.banner-holder ul[data-banner-group-name="Main Banners"] { position: absolute; top: 0; left: 0; width: 100%; padding: 0; z-index: -1; }
.banner-holder ul[data-banner-group-name="Main Banners"] li { list-style-type: none; width: 100%; height: 600px; position: absolute; opacity: 0; z-index: -1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; }
.banner-holder ul[data-banner-group-name="Main Banners"] li.active { opacity: 1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; }
.banner-holder .banner-text { padding: 7em 0; }

.banner-text { text-align: center; width: 100%; padding: 8em 0 7em 0; max-width: 1010px; margin: auto; }
.banner-text h1 { font-size: 8em; }
.banner-text h1, .banner-text h2 { color: #fff; }
.banner-text .page-name h1:after { content: '.'; display: inline-block; }
.banner-text a:last-child { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; padding: .5em 2.5em; font-size: 1.2em; text-decoration: none; text-transform: lowercase; border-radius: 4px; display: inline-block; margin: 1em auto; }

a[title="Services"]:hover { color: #B854EC; }

a[title="Our Clients"]:hover { color: #26C4F3; }

a[title="Our Team"]:hover { color: #F55942; }

a[title="Locations"]:hover { color: #B6D02E; }

a[title="Contact"]:hover { color: #FF9C34; }

a[title="Our Work"]:hover { color: #00cfaf; }

a[title="Blog"]:hover { color: #FFC20E; }

.page-title { position: absolute; width: 100%; text-align: center; }
.page-title h1 { color: #fff; position: relative; z-index: 10; width: 50%; margin: 20px auto; }

footer.footer { background: #000000; clear: both; }
footer.footer * { color: #A0A0A0; }
footer.footer a { color: #fff; }
footer.footer p, footer.footer a, footer.footer ul, footer.footer ol, footer.footer blockquote { font-size: 1em; }
footer.footer .row { margin: 2em auto; }
footer.footer .navbar-nav { float: none; width: 100%; margin: auto; text-align: center; margin: 0; }
footer.footer .navbar-nav li { float: none; display: inline-block; }
footer.footer .navbar-nav li a { font-size: 1.3em; text-transform: lowercase; }
footer.footer .navbar-nav li a:after { content: '.'; display: inline-block; vertical-align: top; width: 5px; height: 5px; }
footer.footer .nav > li > a:hover, footer.footer .nav > li > a:focus { background-color: transparent; }
footer.footer .twitter ul { padding: 0; }
footer.footer .twitter li { display: none; }
footer.footer .twitter li.active { display: block; }
footer.footer .twitter .content { color: #fff; }
footer.footer .twitter .twitterlogo { float: left; margin-right: 5px; margin-top: 3px; }
footer.footer .twitter .twitter-logo, footer.footer .twitter .tweets { display: inline-block; }
footer.footer .twitter .twitter-logo p, footer.footer .twitter .tweets p { margin: 0; }
footer.footer .twitter .twitter-logo img, footer.footer .twitter .tweets img { display: none; }
footer.footer .twitter .twitter-logo img.twitterlogo, footer.footer .twitter .tweets img.twitterlogo { display: block; }
footer.footer .info { padding: 0; }
footer.footer .info a { font-weight: 700; }
footer.footer .footer-logo .image { background: url(../images/solout-logo-stacked-FINAL.svg); background-repeat: no-repeat; background-position: center; height: 70px; }

footer[role="contentinfo"].footer .container { padding-top: 0; }

/******************************************************************************
* Header logo changes based on page being viewed
******************************************************************************/
#HomePage .internal-logo { display: none; }

#BlogPost .internal-logo { display: none; }

#CampaignMonitorUserform .internal-logo { display: none; }

.internal-logo { position: relative; z-index: 2; width: 220px; margin: auto; text-align: center; }
.internal-logo img { position: relative; top: 15px; }

.internal-banner { min-height: 600px; }
.internal-banner.page-services { float: left; width: 100%; margin-top: 20px; background-color: #B854EC; background-image: url("../images/SOLOUT_Pattern_Purple-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-services .banner-text a:last-child { color: #B854EC; }
.internal-banner.page-our-clients { float: left; width: 100%; margin-top: 20px; background-color: #26C4F3; background-image: url("../images/SOLOUT_Pattern_Blue-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-our-clients .banner-text a:last-child { color: #26C4F3; }
.internal-banner.page-locations { float: left; width: 100%; margin-top: 20px; background-color: #B6D02E; background-image: url("../images/SOLOUT_Pattern_Green-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-locations .banner-text a:last-child { color: #B6D02E; }
.internal-banner.page-our-team { float: left; width: 100%; margin-top: 20px; background-color: #F55942; background-image: url("../images/SOLOUT_Pattern_Orange2-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-our-team .banner-text a:last-child { color: #F55942; }
.internal-banner.page-contact { float: left; width: 100%; margin-top: 20px; background-color: #FF9C34; background-image: url("../images/SOLOUT_Pattern_Orange-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-contact .banner-text a:last-child { color: #FF9C34; }
.internal-banner.page-our-work { min-height: 400px; background-color: #00cfaf; background-image: url("../images/SOLOUT_Pattern_Mint-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-our-work .banner-text a:last-child { color: #00cfaf; }
.internal-banner.page-our-work .banner-text a:last-child { color: #00cfaf; }
.internal-banner.page-blog { float: left; width: 100%; margin-top: 20px; background-color: #FFC20E; background-image: url("../images/SOLOUT_Pattern_Yellow-Tint.png"); background-position-x: -40px; background-position-y: -40px; }
.internal-banner.page-blog .banner-text a:last-child { color: #FFC20E; }
.internal-banner.page-careers { background-color: #FF9C34; }
.internal-banner.page-careers .banner-text a:last-child { color: #FF9C34; }
.internal-banner .banner-text a:last-child:hover { color: #fff; }
.internal-banner .banner-text h2 { color: #000000; padding: 0; font-size: 2.5em; margin: 0; text-transform: none; }
.internal-banner .banner-text h3 { font-size: 1.5em; max-width: 750px; margin: 1em auto; line-height: 1.3em; }

.container-main.internal .container { padding-top: 7em; }
.container-main.internal .container.gutter { padding-top: 0; padding-bottom: 7em; }
.container-main.internal.blog { float: left; width: 100%; margin-top: 30px; }
.container-main.internal.blog .container { padding-top: 2em; }
.container-main.internal.blog article { min-height: 370px; }
.container-main.internal .contact-section { text-align: center; }
.container-main.internal .contact-section strong { font-family: "MuseoSans_700", "Poppins", sans-serif; }
.container-main.internal .contact-section a { font-weight: 400; }
.container-main.internal .contact-section .form-group { max-width: 350px; margin: 0 auto 1em auto; }
.container-main.internal .contact-section .form-group label { font-family: "MuseoSans_700", "Poppins", sans-serif; }
.container-main.internal .contact-section .form-group input.btn { background: #000000; color: #FF9C34; font-family: "Museo700-Regular", "Poppins", sans-serif; font-weight: 700; padding: .5em 2.5em; font-size: 1.2em; text-decoration: none; text-transform: lowercase; border-radius: 4px; display: inline-block; margin: 1em auto; }
.container-main.internal .contact-section .form-group input.btn:hover { background: #FF9C34; color: #fff; border-color: transparent; }
.container-main.internal .contact-section .form-group input[type="text"], .container-main.internal .contact-section .form-group input[type="email"], .container-main.internal .contact-section .form-group select, .container-main.internal .contact-section .form-group textarea { border-radius: 2px; outline: 0; resize: none; border-color: #ccc; box-shadow: none; }
.container-main.internal .contact-section .form-group input[type="text"]:focus, .container-main.internal .contact-section .form-group input[type="email"]:focus, .container-main.internal .contact-section .form-group select:focus, .container-main.internal .contact-section .form-group textarea:focus { box-shadow: 0px 1px 2px #FF9C34; }

.container .form-group { max-width: 350px; margin: 10px 0; }
.container .form-group input.btn { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; font-weight: 700; padding: .5em 2.5em; font-size: 1.2em; text-decoration: none; text-transform: lowercase; border-radius: 4px; display: inline-block; margin: 1em auto; }
.container .form-group input[type="text"], .container .form-group input[type="email"], .container .form-group input[type="password"], .container .form-group select, .container .form-group textarea { border-radius: 2px; outline: 0; resize: none; border-color: #ccc; box-shadow: none; }
.container .form-group input[type="text"]:focus, .container .form-group input[type="email"]:focus, .container .form-group input[type="password"]:focus, .container .form-group select:focus, .container .form-group textarea:focus { box-shadow: 0px 1px 2px #FF9C34; }
.container .optionset, .container .checkboxset { padding: 0; }
.container .optionset li, .container .checkboxset li { list-style-type: none; clear: both; }
.container .optionset li label, .container .checkboxset li label { font-size: 15px; }
.container .optionset input[type="checkbox"], .container .optionset input[type="radio"], .container .checkboxset input[type="checkbox"], .container .checkboxset input[type="radio"] { float: left; margin-right: 10px; }

.services-holder { border-top: 1px solid #fff; border-bottom: 4px solid #fff; background: #000000; }
.services-holder .row { margin-left: auto; margin-right: auto; }
@media screen and (min-width: 992px) { .services-holder .row:last-child .service.active:after { display: none; }
  .services-holder .row:last-child .service:before { display: none; content: ''; border-bottom: 12px solid #000000; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; text-align: center; margin-left: 46%; margin-top: -12px; }
  .services-holder .row:last-child .service.active:before { display: block; } }
.services-holder .service { text-align: center; padding: 0; cursor: pointer; }
@media screen and (min-width: 992px) { .services-holder .service:after { display: none; content: ''; border-top: 12px solid #000000; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; text-align: center; margin-left: 46%; margin-top: -1px; }
  .services-holder .service.active:after { display: block; }
  .services-holder .service:hover .inner { background: #B854EC; }
  .services-holder .service:hover .inner h2 { color: #000000; }
  .services-holder .service:hover:after { border-top: 12px solid #B854EC; } }
.services-holder .service:last-child { margin-right: 0; }
.services-holder .service .image { height: 160px; }
.services-holder .service .inner { background: #000000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 2em; }
@media screen and (min-width: 1300px) { .services-holder .service .inner { padding: 4em 2em; } }
.services-holder .service .name h1, .services-holder .service .subtitle h2 { font-family: "Museo700-Regular", "Poppins", sans-serif; text-transform: lowercase; font-weight: 700; font-size: 1.5em; line-height: 1em; }
.services-holder .service .name h1:after, .services-holder .service .subtitle h2:after { display: inline-block; content: '.'; }
.services-holder .service .name h1 { color: #fff; font-size: 2em; }
.services-holder .service .subtitle h2 { color: #B854EC; margin: 0; }
.services-holder .service .content { display: none; background-color: #fff; padding: 2em; }
.services-holder .service .content h3 { color: #B854EC; }
.services-holder .service .content.active { display: block; }
.services-holder .service.name-branding .image { background: url("../../../services/svg/branding/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-branding.active .image { background: url("../../../services/svg/branding/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-marketing .image { background: url("../../../services/svg/marketing/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-marketing.active .image { background: url("../../../services/svg/marketing/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-media .image { background: url("../../../services/svg/media/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-media.active .image { background: url("../../../services/svg/media/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-web .image { background: url("../../../services/svg/web/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-web.active .image { background: url("../../../services/svg/web/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-onlineapps .image { background: url("../../../services/svg/onlineapps/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-onlineapps.active .image { background: url("../../../services/svg/onlineapps/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-integrations .image { background: url("../../../services/svg/integrations/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-integrations.active .image { background: url("../../../services/svg/integrations/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-insights .image { background: url("../../../services/svg/insights/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-insights.active .image { background: url("../../../services/svg/insights/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-googleapps .image { background: url("../../../services/svg/googleapps/B854EC/010101"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .service.name-googleapps.active .image { background: url("../../../services/svg/googleapps/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
.services-holder .content-section { display: block; height: 0; padding: 0; background-color: #fff; -webkit-transition: 250ms ease all; transition: 250ms ease all; }
.services-holder .content-section h3 { color: #B854EC; }
.services-holder .content-section p { margin-bottom: 0; }
.services-holder .content-section .controls { position: absolute; width: 100%; left: 0; display: none; }
.services-holder .content-section .pagination { display: inline-block; position: absolute; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.services-holder .content-section .pagination.next-section { right: 0; }
.services-holder .content-section .pagination.next-section a, .services-holder .content-section .pagination.previous-section a { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; padding: 1em; font-size: 1em; text-decoration: none; text-transform: lowercase; font-weight: 700; display: inline-block; margin: 1em auto; border-radius: 0px; }
.services-holder .content-section a:last-child { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; font-size: 1.2em; padding: 0.8em 2em; text-decoration: none; text-transform: lowercase; font-weight: 700; border-radius: 4px; display: inline-block; margin: 3em auto 0 auto; -webkit-transition: 100ms ease all; transition: 100ms ease all; }
.services-holder .content-section a:last-child:hover { background: #B854EC; color: #ffffff; -webkit-transition: 100ms ease all; transition: 100ms ease all; }
.services-holder .content-section > .service-content { max-width: 1000px; margin: auto; padding: 4em 0; display: none; }
.services-holder .content-section.active { height: auto; padding: 2em 5em; -webkit-transition: 250ms ease all; transition: 250ms ease all; }
.services-holder .content-section.active .controls { display: block; }
.services-holder .content-section .service-content { opacity: 0; -webkit-transition: 200ms opacity ease; transition: 200ms opacity ease; }
.services-holder .content-section .service-content.active { display: block; opacity: 1; -webkit-transition: 200ms opacity ease; transition: 200ms opacity ease; }

.locations-holder { padding-bottom: 70px; }
.locations-holder .location { text-align: center; }
.locations-holder .location h2 { margin: 0; padding: 0; }
.locations-holder .location h3 { margin-bottom: 1em; }
.locations-holder .location img { width: 100%; max-width: 540px; }

.team-wrapper { float: left; width: 100%; }

.person { margin-bottom: 5em; width: 20%; float: left; margin-left: auto; margin-right: auto; }
.person .overlay { background: rgba(245, 89, 66, 0.73); width: 100%; height: 100%; position: absolute; text-align: center; top: 0; opacity: 0; -webkit-transition: 100ms opacity ease; transition: 100ms opacity ease; border-radius: 200px; }
.person .overlay h1 { margin-top: 60px; text-transform: lowercase; font-size: 24px; color: #ffffff; }
.person .overlay h2 { color: #ffffff; text-transform: uppercase; font-size: 18px; }
.person .img { width: 100%; max-width: 200px; border-radius: 200px; overflow: hidden; position: relative; }
.person .img img { width: 100%; }
.person:hover .overlay, .person.active .overlay { opacity: 1; -webkit-transition: 100ms opacity ease; transition: 100ms opacity ease; }
@media screen and (max-width: 1200px) { .person { width: 25%; } }
@media screen and (max-width: 1025px) { .person { margin-bottom: 2em; height: 280px; }
  .person .overlay { display: block; background: none; opacity: 1; margin-top: -35px; position: relative; }
  .person .overlay h1 { font-size: 20px; margin-top: 40px; color: #F55942; }
  .person .overlay h2 { font-size: 14px; margin-top: 5px; color: #000000; } }

.container .content ul li { font-family: "MuseoSans_300", "Poppins", sans-serif; font-size: 1.4em; }

.container-main.internal .clients-holder { padding-top: 0; }

.clients-holder .row { margin: 0; position: absolute; }
.clients-holder .client-list { padding: 0; border-right: 1px solid #26C4F3; border-bottom: 1px solid #26C4F3; }
.clients-holder .client-list:nth-child(4n) { border-right: 0; }
.clients-holder .client { margin: 0; padding: 0; background-color: #fff; }
.clients-holder .client:nth-child(4n) .inner { border-right: 1px solid transparent; }
.clients-holder .client .inner { width: 100%; height: 100%; text-align: center; padding: 5em 2em; }
.clients-holder .client img { width: 100%; max-width: 400px; margin: auto; }
.clients-holder .rotating-list { position: relative; padding: 0; }
.clients-holder .rotating-list li { list-style-type: none; opacity: 0; -webkit-transition: opacity 1000ms ease; transition: opacity 1000ms ease; }
.clients-holder .rotating-list li .client { display: none; }
.clients-holder .rotating-list li.active { opacity: 1; -webkit-transition: opacity 1000ms ease; transition: opacity 1000ms ease; }
.clients-holder .rotating-list li.active .client { display: block; }

a.social { display: inline-block; width: 62px; height: 62px; font-size: 12px; text-indent: -9999em; }
a.social.contact-facebook { background: url(../images/contact-facebook.png); background-repeat: no-repeat; background-position: center; }
a.social.contact-twitter { background: url(../images/contact-twitter.png); background-repeat: no-repeat; background-position: center; }
a.social.contact-dribbble { background: url(../images/contact-dribbble.png); background-repeat: no-repeat; background-position: center; }
a.social.contact-lastfm { background: url(../images/contact-lastfm.png); background-repeat: no-repeat; background-position: center; }

.contact-section a, .contact-section p { font-size: 1.2em; }
.contact-section p { text-overflow: ellipsis; overflow: hidden; }

a.siteflex { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; font-weight: 700; padding: .5em 2.5em; font-size: 1em; text-decoration: none; text-transform: lowercase; border-radius: 4px; display: inline-block; margin: 1em auto; color: #FF9C34; }
a.siteflex:hover { background: #FF9C34; color: #fff; border-color: transparent; }

.mm-page.mm-slideout { box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.18); }

.mm-menu { background: #fff; box-shadow: -1px 0px 3px rgba(0, 0, 0, 0.45); }
.mm-menu ul.navbar-nav { width: 100%; margin-left: 0; margin-top: 60px; }
.mm-menu .mm-listview > li { float: none; text-align: center; margin-top: 3em; margin-bottom: 3em; }
.mm-menu .mm-listview > li:first-child { margin-top: 1em; }
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next) { background: none; }
.mm-menu .mm-listview > li > a, .mm-menu .mm-listview > li > span { color: #000; text-transform: lowercase; font-size: 2em; }
.mm-menu .mm-listview > li:after { border-color: transparent; }
.mm-menu .nav > li > a:hover, .mm-menu .nav > li > a:focus { background-color: transparent; }
.mm-menu .nav > li > a[title="Services"]:hover, .mm-menu .nav > li > a[title="Services"]:focus { color: #B854EC; }
.mm-menu .nav > li > a[title="Our Clients"]:hover, .mm-menu .nav > li > a[title="Our Clients"]:focus { color: #26C4F3; }
.mm-menu .nav > li > a[title="Our Team"]:hover, .mm-menu .nav > li > a[title="Our Team"]:focus { color: #F55942; }
.mm-menu .nav > li > a[title="Locations"]:hover, .mm-menu .nav > li > a[title="Locations"]:focus { color: #B6D02E; }
.mm-menu .nav > li > a[title="Contact"]:hover, .mm-menu .nav > li > a[title="Contact"]:focus { color: #FF9C34; }
.mm-menu .nav > li > a[title="Our Work"]:hover, .mm-menu .nav > li > a[title="Our Work"]:focus { color: #00cfaf; }
.mm-menu .nav > li > a[title="Blog"]:hover, .mm-menu .nav > li > a[title="Blog"]:focus { color: #FFC20E; }
.mm-menu .mm-panel { margin-top: 120px; width: 100%; }
.mm-menu .mm-panel .mm-listview.mm-last { margin-left: 0; }

.navbar-close { position: fixed; right: 50px; top: 20px; padding: 20px 5px 5px 5px; background: transparent; border: 0; outline: 0; opacity: 1; -webkit-transition: 250ms ease all; transition: 250ms ease all; }
.navbar-close .icon-bar { display: block; width: 35px; height: 4px; border-radius: 3px; background-color: #fff; margin-bottom: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.navbar-close .icon-bar.second { position: relative; top: -11px; left: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.navbar-close.inactive { opacity: 0; -webkit-transition: 250ms ease all; transition: 250ms ease all; }

#intranet { width: 100%; position: absolute; height: 4em; background: #fff; text-align: center; z-index: 10; top: -57px; border-bottom: 2px solid #010101; -webkit-transition: 200ms ease all; transition: 200ms ease all; }
#intranet:hover { -webkit-transition: 200ms ease all; transition: 200ms ease all; background: #eee; }
#intranet a { display: block; padding-top: .7em; padding-bottom: .7em; text-decoration: none; text-transform: uppercase; font-family: "MuseoSans_700", "Poppins", sans-serif; }
#intranet.active { -webkit-transition: 200ms ease all; transition: 200ms ease all; top: 0; }

.wrapper { top: 0; position: relative; -webkit-transition: top 200ms ease; transition: top 200ms ease; }
.wrapper.active { top: 55px; -webkit-transition: top 200ms ease; transition: top 200ms ease; }

.navbar-toggle { -webkit-transition: top 200ms ease; transition: top 200ms ease; top: 10px; }
.navbar-toggle.push-down { top: 65px; -webkit-transition: top 200ms ease; transition: top 200ms ease; }

.footer-nav { margin-top: 1em; }

.breadcrumbs { background-color: #000000; padding: .5em 0; }
.breadcrumbs ul { text-align: center; padding: 0; margin: 0; }
.breadcrumbs li { list-style-type: none; display: inline-block; }
.breadcrumbs li:first-child:after { background-image: url(../images/showcase-right-arrow.png); background-size: 20px; display: inline-block; width: 20px; height: 20px; margin-left: 10px; color: #fff; }
.breadcrumbs li.title { text-transform: lowercase; color: #00cfaf; font-size: 1.2em; text-transform: lowercase; }
.breadcrumbs a { color: #fff; font-size: 1.2em; }

.container-main .showcase-item .container { padding-top: 5em; padding-bottom: 5em; }
.container-main .showcase-item img { max-width: 100%; height: auto; }
.container-main .showcase-item .slide-holder { position: relative; height: 400px; background-color: #00cfaf; }
.container-main .showcase-item .slide-holder ul { margin: 0; padding: 0; position: relative; }
.container-main .showcase-item .slide-holder li { list-style-type: none; width: 100%; height: 400px; position: absolute; top: 0; left: 0; padding-top: 1em; z-index: 1; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.container-main .showcase-item .slide-holder li .inner { max-width: 1170px; margin: auto; padding: 2em 0; }
.container-main .showcase-item .slide-holder li .text-center { max-width: 800px; margin: auto; }
.container-main .showcase-item .slide-holder li .text-center p { color: #fff; text-shadow: 1px 0px 1px #333; }
.container-main .showcase-item .slide-holder li.active { z-index: 2; opacity: 1; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; }
.container-main .showcase-item .slide-holder:hover .pagination { opacity: 1; }
.container-main .showcase-item .slide-holder .pagination { position: absolute; top: 120px; left: 0; width: 100%; height: 60px; opacity: 0; }
.container-main .showcase-item .slide-holder .pagination .control { position: absolute; width: 70px; height: 70px; display: block; background-color: #fff; z-index: 3; opacity: 0.5; }
.container-main .showcase-item .slide-holder .pagination .control:hover { opacity: 1; }
.container-main .showcase-item .slide-holder .pagination .left { left: 0; background: url("../images/showcase-left-arrow.png"); background-repeat: no-repeat; margin-left: 1em; }
.container-main .showcase-item .slide-holder .pagination .right { right: 0; background: url("../images/showcase-right-arrow.png"); background-repeat: no-repeat; margin-right: 1em; }
.container-main .showcase-item .custom__content { width: 90%; padding-top: 2em; margin: auto; padding-bottom: 2em; }
.container-main .showcase-item .custom__content p { margin-bottom: 0; }
.container-main .showcase-item .details img { width: 100%; height: auto; }
.container-main .showcase-item .details h1, .container-main .showcase-item .details h2, .container-main .showcase-item .details h3, .container-main .showcase-item .details h4, .container-main .showcase-item .details h5, .container-main .showcase-item .details h6 { color: #f2593a; }
.container-main .showcase-item .quote { background-color: #fd593a; text-align: center; }
.container-main .showcase-item .quote h1, .container-main .showcase-item .quote h2, .container-main .showcase-item .quote h3, .container-main .showcase-item .quote h4, .container-main .showcase-item .quote h5, .container-main .showcase-item .quote h6, .container-main .showcase-item .quote p { font-family: "Museo700-Regular", "Poppins", sans-serif; }
.container-main .showcase-item .quote blockquote { border-left: 0px; }

/** Showcase list */
.showcase .row { margin-right: 0; }

.container-main.showcase { clear: both; }

.showcase-categories { background: #009c84; }
.showcase-categories .holder { min-height: 48px; max-width: 550px; margin: auto; }
.showcase-categories .category { display: block; text-align: center; }
.showcase-categories .category a { text-transform: lowercase; display: block; background: #009c84; color: #ffffff; text-decoration: none; padding: 10px 0; }
.showcase-categories .category a:hover { background: #006959; }
.showcase-categories .category a.filtered { background: #006959; }

#showcase-items a { text-decoration: none; }
@media screen and (min-width: 992px) { #showcase-items .item:hover .overlay { background: #00cfaf; -webkit-transition: 200ms ease all; transition: 200ms ease all; } }
#showcase-items .item { height: 300px; background: #1dffdc; padding: 0; opacity: 1; -webkit-transition: 200ms ease all; transition: 200ms ease all; }
#showcase-items .title { text-align: center; width: 100%; display: block; font-size: 1.5em; text-transform: uppercase; font-family: "Museo700-Regular", "Poppins", sans-serif; color: #ffffff; text-shadow: 1px 1px 1px #000; position: absolute; padding: 110px 30px; z-index: 2; text-indent: -999em; }
#showcase-items .overlay { -webkit-transition: 100ms ease all; transition: 100ms ease all; background: #000; width: 100%; height: 100%; opacity: 0.5; position: absolute; z-index: 1; left: 0; }
#showcase-items.filtered { min-height: 300px; }
#showcase-items.filtered .item:not(.matched) { display: none; }

.button.showcase { background: #000000; color: #fff; font-family: "Museo700-Regular", "Poppins", sans-serif; font-size: 1.2em; padding: 0.8em 2em; text-decoration: none; text-transform: lowercase; font-weight: 700; border-radius: 4px; display: inline-block; margin: 3em auto 0 auto; -webkit-transition: 100ms ease all; transition: 100ms ease all; }
.button.showcase:hover { background: #00cfaf; color: #ffffff; -webkit-transition: 100ms ease all; transition: 100ms ease all; }

/** Blog */
.blog-entry { margin: 2em 0; }
.blog-entry h1, .blog-entry a { color: #FFC20E; }
.blog-entry article { max-width: 840px; }
.blog-entry .post-image img { width: 100%; }
.blog-entry .meta-post { margin-bottom: 2em; font-style: italic; font-size: 1.1em; }
.blog-entry .read-more { -webkit-transition: padding-left 200ms ease; transition: padding-left 200ms ease; }
.blog-entry .read-more span.arrow { left: -80px; top: 14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.blog-entry .read-more:hover { background: #daa300; padding-left: 40px; -webkit-transition: padding-left 200ms ease; transition: padding-left 200ms ease; }
.blog-entry .read-more:hover .arrow { opacity: 1; }
.blog-entry .content img.left { float: left; margin-right: 20px; }
.blog-entry .content img.right { float: right; margin-left: 20px; }
.blog-entry .comments-holder-container .commenting-rss-feed { display: none; }

.comments-list.root-level { padding: 0; }

#comments-holder { margin: 2em 0; }
#comments-holder h4 { margin: 0; }

.comment a, .comment p { font-size: .8em; }
.comment .gravatar { display: none; }
.comment .comment-text { border: none; border-left: 3px solid #FFC20E; }

.sidebar-fixed { text-align: center; }
.sidebar-fixed ul { padding: 0; }
.sidebar-fixed a { color: #FFC20E; font-family: "Museo700-Regular", "Poppins", sans-serif; text-transform: lowercase; padding: .5em; margin: .2em auto; background: rgba(97, 194, 247, 0.07); display: block; text-decoration: none; max-width: 300px; }
.sidebar-fixed a:hover { background: rgba(97, 194, 247, 0.7); color: #fff; }
.sidebar-fixed ul li { list-style: none; }

.blog-list { margin-bottom: 2em; }
.blog-list .post-image { max-width: 400px; }
.blog-list .post-image img { width: 100%; }
.blog-list .post-holder { border: 1px solid #e9e9e9; box-shadow: 1px 1px 0 #e9e9e9; border-radius: 3px; }
.blog-list .post-summary { margin-bottom: 2em; padding-left: 0; padding-right: 30px; width: 360px; background-color: #fff; float: left; }
.blog-list .post-content { padding: 0em 2em 2em 2em; }
.blog-list a { color: #FFC20E; }
.blog-list p { font-size: 1em; }
.blog-list h2 { font-size: 23px; text-transform: uppercase; }
.blog-list h2 a { color: #000; text-decoration: none; }
.blog-list h2 a:hover { color: #FFC20E; }
.blog-list .read-more { -webkit-transition: padding-right 200ms ease; transition: padding-right 200ms ease; }
.blog-list .read-more span.arrow { top: 11px; }
.blog-list .read-more:hover { background: #FFC20E; padding-right: 40px; -webkit-transition: padding-right 200ms ease; transition: padding-right 200ms ease; }
.blog-list .read-more:hover .arrow { opacity: 1; }

.blog-list .read-more, .blog-entry .read-more { background: #000; color: #fff; text-transform: uppercase; font-size: 12px; line-height: 12px; font-weight: 700; padding: 13px 20px; overflow: hidden; position: relative; padding-right: 20px; }
.blog-list .read-more span.arrow, .blog-entry .read-more span.arrow { font-size: 23px; position: absolute; right: 20px; color: #fff; opacity: 0; }

.blog .pagination { width: 100%; text-align: center; }

.blog-profile.blog-list { margin-bottom: 3em; }

.blog .post-content .read-more { color: #fff; }

.profile-image, .profile-summary { display: inline-block; vertical-align: top; }

.profile-image { width: 20%; }

.profile-summary { width: 79%; }

.internal.blog .blog { padding-bottom: 3em; }

.internal.blog .blog-list h2 a { color: #000; }

.internal.blog-profile a { color: #FFC20E; }

form#Form_ApplicationForm { max-width: 340px; margin: auto; }
form#Form_ApplicationForm > .form-group:last-child { text-align: center; }
form#Form_ApplicationForm > .form-group:last-child input[type="submit"] { color: #FF9C34; }
form#Form_ApplicationForm > .form-group:last-child input[type="submit"]:hover { background: #FF9C34; color: #fff; border-color: #FF9C34; }

.pagination .back { margin-top: 2em; }
.pagination .back, .pagination .apply-now { width: 49%; display: inline-block; vertical-align: top; }

.apply-now { display: block; clear: both; text-align: right; margin-bottom: 2em; }
.apply-now .siteflex { padding: 1em 3em; }

.page-name.job-title { font-size: .7em; max-width: 800px; margin: auto; }

input[type="file"] { padding: 1em 2.5em; border: 2px dashed #ddd; }

.careers-back { clear: both; display: block; }

.page-title.careers { display: none; }

.form-message.careers { text-align: center; padding: 2em 0; font-weight: bold; text-transform: lowercase; }

.online-jobs { margin-bottom: 2em; }

.container-main .container.job-apply, .container-main .container.job-detail { padding-top: 4em; }
.container-main .container.job-apply ul, .container-main .container.job-detail ul { padding-left: 1em; }

.job { padding: 2em 0em 0em 0em; border-top: 1px solid #eee; }
.job .siteflex { margin: -1em auto; }
.job a { color: #FF9C34; }
.job > * { display: inline-block; margin-right: 2em; margin-bottom: 2em; width: 30%; vertical-align: top; }
.job > .view { margin-right: 0; text-align: right; position: relative; left: 8px; }

.job-detail h2, .job-detail h3 a, .job-apply h2, .job-apply h3 a { color: #FF9C34; }
.job-detail .pagination, .job-apply .pagination { margin-left: 15px; clear: both; display: block; }

.job-apply h3 { text-align: center; }

/******************************************************************************
* Our-Work Styling
******************************************************************************/
.work-content-container .text-content { width: 80%; margin: 0px auto; float: none; }
.work-content-container .text-content h1, .work-content-container .text-content h2, .work-content-container .text-content h3, .work-content-container .text-content h4 { text-align: center; }
.work-content-container .text-content p { text-align: center; }
.work-content-container .quote-text { text-align: center; font-weight: 600; }

@media screen and (min-width: 768px) { .navbar-toggle { display: block; } }
@media screen and (max-width: 1340px) { .services-holder .service .inner { padding: 20px 0; }
  .services-holder .service .inner .subtitle h2 { font-size: 1em; }
  .services-holder .content-section.active .controls { margin-top: -40px; } }
@media screen and (min-width: 1200px) { aside { position: fixed; top: 105px; right: 20px; width: 300px; line-height: 40px; } }
@media screen and (max-width: 992px) { .row.section .section-image { min-height: 250px; }
  .row.section .section-image .image { margin: 50px auto; }
  .row.section .section-content { min-height: 0; }
  .row.section .section-content h2 { margin-top: 0; text-align: center; }
  footer[role="contentinfo"] .info { padding-left: 20px; }
  footer[role="contentinfo"] .twitter { min-height: 160px; padding: 0; }
  footer[role="contentinfo"] .twitter h2, footer[role="contentinfo"] .twitter .content { text-align: left; }
  .form-horizontal .form-group { max-width: 100%; }
  .map-section { margin-bottom: 50px; }
  .person { margin-bottom: 3em; width: 32%; margin-right: 7px; }
  .person h1 { margin-bottom: 0; }
  .person h2 { margin-top: 0; }
  .person .img { border-radius: 0px; }
  .row.section:nth-child(odd) .section-image .image, .row.section:nth-child(even) .section-image .image { margin-left: auto; margin-right: auto; }
  .clients-holder .client-list:nth-child(4n) { border-right: 1px solid #B854EC; }
  .clients-holder .client:nth-child(4n) .inner { border-right: 1px solid #26C4F3; }
  .clients-holder .client:nth-child(3n) .inner { border-right: 1px solid transparent; }
  .services-holder .content-section .controls { margin-top: -40px; }
  .banner-holder .banner-text { padding: 7em 0 5em 0; }
  .container-main.internal .locations-holder { padding-top: 2em; }
  .container-main.internal .locations-holder .location { margin-top: 45px; }
  .container-main .showcase-item .slide-holder li .detail-image img { max-width: 200px; }
  .container-main .showcase-item .slide-holder li .text { margin-top: 0; font-size: 1em; text-align: center; }
  .sidebar-fixed { position: relative; top: 0; left: 0; margin: 2em 0; padding: 1.8em; line-height: 30px; }
  .content img { max-width: 100%; height: auto; } }
@media screen and (max-width: 768px) { .banner-text h1 { font-size: 6em; }
  .services-holder .service { border-bottom: 1px solid #fff; }
  .team .person { width: 48%; margin-right: 5px; }
  .team .person .img { margin: auto; }
  .clients-holder .client:nth-child(3n) .inner { border-right: 1px solid #26C4F3; }
  .clients-holder .client:nth-child(2n) .inner { border-right: 1px solid transparent; }
  .services-holder .service .inner { padding: 0; }
  .banner-text { padding: 8em 1em 7em 1em; }
  footer.footer .footer-logo { margin-bottom: 1.5em; }
  footer.footer .navbar-nav { margin: 10px 0 0 0; }
  footer[role="contentinfo"] .twitter { min-height: 70px; }
  footer.footer .twitter-logo { display: inline-block; width: 40px; vertical-align: top; }
  footer.footer .navbar-nav li { width: 25%; min-width: 140px; }
  .banner-holder .banner-text h1 { font-size: 6em; }
  .logo img { width: 200px; }
  .container-main.internal .container-main.showcase .container { padding-top: 0; padding: 1em 2em; margin: 0; }
  .container-main.internal .container.gutter { padding-top: 0; padding-bottom: 3em; }
  .button.showcase { margin: 0 auto; }
  /** Blog */
  .blog-list .post-summary { padding-left: 15px; padding-right: 15px; max-width: 320px; }
  .blog-entry { padding-left: 5%; padding-right: 5%; } }
@media screen and (max-width: 480px) { .logo img { width: 230px; margin: auto; position: relative; top: 75px; left: 0px; margin-bottom: 55px; }
  .banner-holder { min-height: 400px; }
  .banner-holder .banner-text { padding: 2em 0 0 0; }
  .banner-holder .banner-text h1 { font-size: 4em; }
  .banner-holder .banner-text h2 { font-size: 1.5em; max-width: 270px; margin: 10px auto 0 auto; }
  .banner-holder ul[data-banner-group-name="Main Banners"] li { height: 450px; }
  .banner-holder .logo { padding-top: 5em; }
  input[type="file"] { padding: 0; }
  .page-title { margin-top: 70px; background-color: #000000; }
  .page-title h1 { text-align: left; font-size: 2em; }
  .header-spacer { height: 64px; }
  .internal-banner.page-blog { min-height: 250px; }
  .internal-banner.page-our-work { min-height: 260px; }
  .container-main.internal .container:not(.locations-holder, .gutter) { padding-top: 10em; }
  .container-main.internal .container:not(.team) h2 { font-size: 1.5em; }
  .container-main.internal .container.team, .container-main.internal .container.contact-section { padding-top: 2em; }
  .container-main.internal footer[role="contentinfo"].footer .container { padding-top: 0; }
  .services-holder .service .inner .subtitle h2 { font-size: 1.2em; }
  .internal-banner.page-our-clients { min-height: 270px; }
  .container-main.internal .contact-section a { margin: 4px 0; }
  .intro h1 { font-size: 1.5em; }
  .intro h3 { font-size: 1.3em; }
  .internal-banner .banner-text { padding: 8em 0 2em 0; }
  .internal-banner .banner-text h1 { font-size: 3.5em; }
  .internal-banner .banner-text h2 { font-size: 1.5em; }
  .internal-banner .banner-text h3 { font-size: 1.1em; max-width: 90%; margin: 20px auto; display: none; }
  .internal-banner .banner-text p { display: none; }
  .custom__content img { width: 100%; height: auto; }
  .internal-banner { min-height: 290px; padding-bottom: 2em; }
  .team .person { width: 49%; margin-right: 2px; max-height: 170px; }
  .team .person .img { max-width: 120px; }
  .clients-holder .client { max-height: 120px; }
  .clients-holder .client .inner { padding: 2em 0; }
  .mm-menu .mm-listview > li { margin-top: 2em; margin-bottom: 1em; }
  .internal-logo { display: none; }
  footer.footer .footer-logo .image { background-size: 160px; }
  footer.footer .footer-nav { padding: 0; }
  #intranet a { padding-top: 1.2em; }
  .mm-menu .mm-panel { margin-top: 90px; }
  .locations-holder .location h3 { font-size: 1.3em; }
  footer.footer .navbar-nav li { width: 100%; }
  footer.footer .twitter .twitterlogo { width: 38px; }
  .services-holder { padding-top: 2em; background: #fff; }
  .services-holder .service .inner { background: #ffffff; }
  .services-holder .service.name-branding .image { background: url("../../../services/svg/branding/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-marketing .image { background: url("../../../services/svg/marketing/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-media .image { background: url("../../../services/svg/media/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-web .image { background: url("../../../services/svg/web/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-onlineapps .image { background: url("../../../services/svg/onlineapps/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-integrations .image { background: url("../../../services/svg/integrations/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-insights .image { background: url("../../../services/svg/insights/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service.name-googleapps .image { background: url("../../../services/svg/googleapps/B854EC/FFFFFF"); background-repeat: no-repeat; background-position: center; background-size: 130px; }
  .services-holder .service .name h1 { color: #B854EC; }
  .services-holder .service .content h3 { font-size: 1em; text-align: left; }
  .services-holder .service .subtitle h2 { color: #000000; font-size: 1.4em; }
  .services-holder .service .content p { text-align: left; }
  .services-holder .service .content { display: block; padding: 0em 2em 2em 2em; }
  .services-holder .service .content a { background: #000000; font-family: "Museo700-Regular", "Poppins", sans-serif; padding: .8em 2em; text-decoration: none; text-transform: lowercase; font-size: .8em; border-radius: 4px; color: #fff; display: block; text-align: center; }
  a.social { width: 52px; height: 52px; }
  .container-main .showcase-item .container { padding-top: 1em; padding-bottom: 1em; }
  .container-main .showcase-item .slide-holder li .detail-image img { max-width: 150px; }
  .container-main .showcase-item .slide-holder { height: 300px; }
  .container-main .showcase-item .slide-holder li { height: 300px; }
  .container-main .showcase-item .slide-holder .pagination { opacity: 1; top: 70px; }
  .container-main .showcase-item .slide-holder .pagination .left { margin-left: 0; background-position: -20px 0px; }
  .container-main .showcase-item .slide-holder .pagination .right { margin-right: 0; }
  .breadcrumbs li:first-child:after { margin-left: 5px; margin-right: 0; }
  /** Blog */
  .blog-entry { margin: 7em 0; }
  .blog-entry h1 { font-size: 3em; }
  .blog-list .post-summary { width: 100%; max-width: 100%; box-sizing: border-box; }
  .container-main.blog .container { padding-top: 2em; }
  .page-our-blog .banner-text { position: relative; }
  .page-our-blog .banner-text .page-name { position: absolute; top: 60%; -webkit-transform: translateY(60%); -ms-transform: translateY(60%); transform: translateY(60%); width: 100%; }
  .blog-entry .content .captionImage { max-width: 100%; }
  .blog-entry .content img { width: 100%; height: auto; }
  .page-title { display: none; }
  .job > * { margin-bottom: 1em; width: 90%; }
  .job .view { text-align: left; width: 100%; left: 0; }
  .container .content ul li { font-size: 1em; }
  .container-main.internal .container { padding-top: 1em; }
  .job-detail .pagination, .job-apply .pagination { margin-left: 0; }
  .pagination .back, .pagination .apply-now { width: auto; }
  .job { padding: 2em 0; }
  .job .title { margin-bottom: 0; } }
@media screen and (min-width: 480px) and (max-width: 768px) { .blog { width: 80%; margin: auto; } }
iframe.full { display: block; /* iframes are inline by default */ border: none; /* Reset default border */ height: 100vh; /* Viewport-relative units */ width: 100vw; }

/*# sourceMappingURL=master.css.map */