/* ==========================================================================
	#Reset
========================================================================== */
* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

/* ==========================================================================
	#Basic
========================================================================== */
html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; }
body { min-width: 1380px; background: #fff; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a.linkDisabled { opacity: .7; cursor: default; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

img { border: 0; vertical-align: middle; }

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

body,
input,
select,
textarea,
button { font-family: 'Catamaran', sans-serif; font-size: 16px; line-height: 1.4; color: #a7a7a7; }
textarea { overflow: auto; resize: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

/* ==========================================================================
	#Helpers
========================================================================== */
.alignleft { float: left; }
.alignright { float: right; }

.clearfix:before,
.clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
	#General
========================================================================== */
input[type="text"],
input[type="email"],
input[type="submit"],
input[type="button"],
input[type="password"],
textarea,
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
button { background: none; }

a[href^=tel] { color: inherit; }

/* ==========================================================================
	#Transitions
========================================================================== */
.btn,
#header,
.logo,
.nav a,
.main,
.brand .brandEntry,
.brand .brandOverlay,
.brand .brandOverlay p,
.brand .brandImage img,
.sliderNews .owl-prev,
.sliderNews .owl-next,
.sliderNews .owl-dot,
.form .field,
.form .textarea,
.listContacts a:before,
.listContacts a:after,
.officeContent,
.officeContent .officeMeta p,
.officeContent .officeMetaImage,
.articleExcerpt a,
.paging .btnPrev,
.paging .btnNext,
.paging ul a,
.brandAltContent p a:before,
.brandAltContent p a:after,
.tabsEvents .tabsNav a,
.tabsEvents .tabsNav a:before,
.sliderEvents .owl-prev,
.sliderEvents .owl-next,
.sliderEvents .owl-dot,
.teams .teamTitle,
.members .member a,
.members .member a .memberContent,
.members .member a .memberContent .memberTitle,
.members .member a .memberContent .memberMeta,
.members .member a .memberImage img,
.articleBlogPost .btnPrev,
.articleBlogPost .btnNext,
.articleBlogPost .articleBody p a:before,
.articleBlogPost .articleBody p a:after,
.feature .featureContent a:before,
.feature .featureContent a:after,
.section .sectionHead a:before,
.section .sectionHead a:after,
.tabsEvents .tabsNav .tabsNavShuttle,
.btnPopupRemove,
.btnPopupRemove:before,
.btnPopupRemove:after,
.newsArticleExcerpt .articleBody .articleParagraph a:before,
.newsArticleExcerpt .articleBody .articleParagraph a:after,
.listBulletsBlue li a,
.listBulletsBlue li a:before,
.listBulletsBlue li a:after,
.brandsArticles .brandArticle a,
.brandsArticles .brandArticle a:before,
.brandsArticles .brandArticle a:after,
.sectionEvent .sectionHead .sectionLogo,
.testimonialAlt .testimonialAltHead .testimonialAltTitle a,
.testimonialAlt .testimonialAltLogo,
.thumbsMoving .thumbsRow .thumbsCol,
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall,
.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol.thumbsColActive a .thumbsContentLarge,
.sliderThumbs .owl-prev,
.sliderThumbs .owl-next,
.sliderThumbs .owl-prev:after,
.sliderThumbs .owl-next:after,
.customers .customer .customerImage a,
.customers .customer .customerMeta li dd a,
.articleCaseStudy .articleHead .articleActions a,
.articleCaseStudy .articleHead .articleActions a:before,
.articleCaseStudy .articleHead .articleActions a:after,
.caseMeta dd a,
.articleCaseStudy .articleSection a,
.articleCaseStudy .articleAsideThumb a,
.articleCaseStudy .articleAsideThumb .articleAsideThumbOverlay,
.sliderCases .owl-prev,
.sliderCases .owl-next,
.sliderCases .owl-prev:after,
.sliderCases .owl-next:after { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

/* ==========================================================================
	#Animations
========================================================================== */
@-webkit-keyframes hvr-pop {
	50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes hvr-pop {
	50% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes hvr-wobble-horizontal {
	16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
	33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
	49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
	66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
	83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes hvr-wobble-horizontal {
	16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
	33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
	49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
	66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
	83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
	100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes hvr-wobble-vertical {
	16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
	33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
	49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
	66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
	83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes hvr-wobble-vertical {
	16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); }
	33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); }
	49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); }
	66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); }
	83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); }
	100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes hvr-pulse {
	25% { -webkit-transform: scale(1.3); transform: scale(1.3); }
	75% { -webkit-transform: scale(0.9); transform: scale(0.9); }
}
@keyframes hvr-pulse {
	25% { -webkit-transform: scale(1.3); transform: scale(1.3); }
	75% { -webkit-transform: scale(0.9); transform: scale(0.9); }
}

/* ==========================================================================
	#Icons
========================================================================== */
.ico { display: inline-block; background: url(../../img/website/sprite.png) no-repeat 0 0; vertical-align: middle; }

.icoSuitcaseMonitor { width: 110px; height: 76px; background-position: -54px -2px; }
.icoMonitorBrush { width: 116px; height: 78px; background-position: -190px -2px; }
.icoLaptopLarge { width: 106px; height: 84px; background-position: -326px -2px; }

.icoRocket { width: 42px; height: 58px; background-position: -2px -115px; }
.icoPuzzle { width: 56px; height: 58px; background-position: -66px -115px; }
.icoMonitor { width: 56px; height: 54px; background-position: -138px -115px; }
.icoPerson { width: 54px; height: 54px; background-position: -214px -115px; }
.icoDownArrowCircle { width: 54px; height: 54px; background-position: -286px -115px; }

.icoPin { width: 54px; height: 66px; background-position: -3px -200px; }

/* ==========================================================================
	#Buttons
========================================================================== */
.btn { display: inline-block; vertical-align: middle; cursor: pointer; }
.btn:hover { text-decoration: none; }
.btnBlock { display: block; width: 100%; text-align: center; }

.btnScrollDown { width: 32px; height: 80px; background: url(../../img/website/sprite.png) no-repeat 0 0; opacity: .3; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.btnScrollDown:hover { opacity: .7; -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

.btnBordered { height: 48px; padding: 0 50px; border: 2px solid rgba(236, 237, 238, .15); font-family: 'ProximaNova Light', sans-serif; font-size: 19px; line-height: 48px; color: #01b4ed; font-weight: 400; text-transform: uppercase; border-radius: 22px; }
.btnBorderedAlt { border-color: rgba(236, 237, 238, 1); }
.btnBordered:hover { border-color: #01b4ed; background: #01b4ed; color: #fff; }

/* ==========================================================================
	#Socials
========================================================================== */
.socials ul { font-size: 0; list-style: none outside none; }
.socials li,
.socials a { display: inline-block; vertical-align: middle; }
.socials li { padding: 0 8px; }
.socials a { width: 32px; height: 32px; border-width: 2px; border-style: solid; background-image: url(../../img/website/sprite.png); background-repeat: no-repeat; border-radius: 50%; -webkit-transition-property: border-color, background-color; -o-transition-property: border-color, background-color; transition-property: border-color, background-color; -webkit-transition-duration: .5s, .5s; -o-transition-duration: .5s, .5s; transition-duration: .5s, .5s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

.socialsGray a { border-color: #4d4e55; }
.socialsGray .linkFacebook { background-position: -454px 1px; }
.socialsGray .linkFacebook:hover { background-position: -454px -43px; }
.socialsGray .linkTwitter { background-position: -485px 3px; }
.socialsGray .linkTwitter:hover { background-position: -485px -43px; }
.socialsGray .linkLinkedIn { background-position: -521px 1px; }
.socialsGray .linkLinkedIn:hover { background-position: -521px -42px; }
.socialsGray .linkGooglePlus { background-position: -560px 1px; }
.socialsGray .linkGooglePlus:hover { background-position: -560px -42px; }

.socialsWhite a { border-color: #01b4ed; }
.socialsWhite .linkFacebook { background-position: -454px -43px; }
.socialsWhite .linkTwitter { background-position: -485px -43px; }
.socialsWhite .linkLinkedIn { background-position: -521px -42px; }
.socialsWhite .linkGooglePlus { background-position: -560px -42px; }

.socials .linkFacebook:hover { border-color: #3b5998; background-color: #3b5998; }
.socials .linkTwitter:hover { border-color: #55acee; background-color: #55acee; }
.socials .linkLinkedIn:hover { border-color: #007bb5; background-color: #007bb5; }
.socials .linkGooglePlus:hover { border-color: #dd4b39; background-color: #dd4b39; }

/* ==========================================================================
	#Forms
========================================================================== */
.form .formRow { padding: 15px; }
.form .formLabel { display: block; padding: 0 15px 5px; font-size: 18px; line-height: 1.2; color: #fff; }
.form .asterisk { color: #01b4ed; }
.form .field,
.form .textarea { width: 100%; height: 48px; border: 2px solid #ecedee; background: #f7fafa; border-radius: 22px; }
.formAlt .field,
.formAlt .textarea { border-color: #81858e; }
.form .field { padding: 0 25px; }
.form .textarea { padding: 15px 25px; height: 140px; }
.form .field:focus,
.form .textarea:focus { border-color: #01b4ed; -webkit-box-shadow: 0 0 10px rgba(1, 180, 237, .3); box-shadow: 0 0 10px rgba(1, 180, 237, .3); }
.form .formRowCaptcha { font-size: 0; }
.form .formRowCaptcha .formRowInner { position: relative; display: inline-block; }
.form .formRowCaptcha .field,
.form .formRowCaptcha img { display: inline-block; vertical-align: middle; }
.form .formRowCaptcha .field { width: 210px; padding-right: 85px; }
.form .formRowCaptcha img { position: absolute; top: 2px; right: 2px; border-radius: 0 22px 22px 0; cursor: pointer; }

.form .notice,
.form .error { padding: 3px 15px 0; font-size: 14px; }
.form .notice { color: #01b4ed; }
.form .error { display: none; color: #01b4ed; }
.form .hasError .error { display: block; }
.form .hasError .formLabel { color: #01b4ed; }
.form .hasError .field,
.form .hasError .textarea { border-color: #01b4ed; }

.form .hasSuccess .formLabel { color: #01b4ed; }
.form .hasSuccess .field,
.form .hasSuccess .textarea { border-color: #01b4ed; }

.listErrors { padding: 20px; }
.listErrors p { font-size: 26px; line-height: 1.6; color: #fff; font-weight: 500; }
.listErrors ul { padding: 0 10px; list-style: none outside none; }
.listErrors li { padding: 1px 20px; font-size: 18px; line-height: 1.4; color: #01b4ed; background: url(../../img/website/list-errors-check.png) no-repeat 0 7px; }

.formCols { font-size: 0; }
.formCol { display: inline-block; vertical-align: top; }
.formCol1of2 { width: 50%; }

/* ==========================================================================
	#Only CSS Custom select
========================================================================== */
.selectCustom { position: relative; width: 100%; height: 48px; border: 2px solid #ecedee; background: #f7fafa; border-radius: 22px; }
.selectCustom:before { position: absolute; top: 50%; right: 20px; z-index: 1; margin-top: -2px; border-top: 6px solid #636363; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ''; }
.selectCustom select { position: relative; z-index: 2; width: 100%; height: 100%; padding: 0 35px 0 15px; border: 0; background: transparent; cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.selectCustom select::-ms-expand { display: none; }

/* ==========================================================================
	#Paging
========================================================================== */
.paging { padding: 35px 0; font-size: 0; text-align: center; }
.paging .btnPrev,
.paging .btnNext,
.paging ul,
.paging ul li,
.paging ul a,
.paging ul .pagingSeparator { display: inline-block; font-family: 'ProximaNova Bold', sans-serif; color: #0e91e4; vertical-align: middle; }
.paging .btnPrev,
.paging .btnNext { height: 48px; padding: 0 15px; font-size: 24px; line-height: 52px; font-weight: 400; text-transform: uppercase; border-radius: 22px; }
.paging .btnPrev:before { content: '< '; }
.paging .btnNext:after { content: ' >'; }
.paging ul { padding: 0 10px; }
.paging ul li { padding: 0 2px; }
.paging ul a,
.paging ul .pagingSeparator { height: 42px; font-size: 20px; line-height: 40px; text-align: center; }
.paging ul a { min-width: 42px; border: 2px solid #0e91e4; border-radius: 10px; }
.paging ul .current a,
.paging ul a:hover,
.paging .btnPrev:hover,
.paging .btnNext:hover { background: #0e91e4; color: #fff; text-decoration: none; }
.paging ul .current a { cursor: default; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

/* ==========================================================================
	#Custom Popups
========================================================================== */
.popup { position: fixed; top: 0; left: 0; z-index: 9998; overflow: hidden; width: 0; height: 0; background: rgba(0, 0, 0, .7); }
.popup .popupInner { position: absolute; top: 50%; overflow-y: auto; left: 50%; width: 600px; max-width: 98%; max-height: 98%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.popup .popupContent { width: 100%; background: #fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.popupActive .popupContent { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.popupActions { position: absolute; top: 0; right: 0; font-size: 0; }
.btnPopupRemove { position: relative; overflow: hidden; width: 29px; height: 29px; border: 2px solid rgba(0, 0, 0, .3); background: #fff; white-space: nowrap; text-indent: 200%; }
.btnPopupRemove:hover { border-color: #01b4ed; background: #01b4ed; }
.btnPopupRemove:before,
.btnPopupRemove:after { position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; background: #01b4ed; content: ''; }
.btnPopupRemove:hover:before,
.btnPopupRemove:hover:after { background: #fff; }
.btnPopupRemove:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.btnPopupRemove:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/* ==========================================================================
	#Tabs
========================================================================== */
.tab { display: none; }
.tabsBody .current { display: block; }

/* ==========================================================================
	#Sliders
========================================================================== */
.slider,
.slider .sliderClip { position: relative; }
.slides { overflow: hidden; list-style: none outside none; }
.slide { float: left; }
.owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); -ms-transform: translateZ(0) scale(1, 1); -o-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); }

/* ==========================================================================
	#Containers
========================================================================== */
.wrapper { position: relative; min-height: 100%; padding-bottom: 80px; }
.shell,
.container { margin: 0 auto; }
.shell { width: 1170px; }
.container { width: 1370px; }

/* ==========================================================================
	#Header
========================================================================== */
#header { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; padding: 30px 0 30px 30px; }
#header.headerFixed { position: fixed; padding: 10px 0 10px 30px; background: #0f0f0f; }
.logo { overflow: hidden; float: left; max-width: 100%; font-size: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.logo:hover { text-decoration: none; -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.logo img { max-width: 100%; }
.wrapperHome .logo img { max-width: 9999px; margin-left: -40px; }
.wrapperHome #header.headerFixed .logo img { max-width: 100%; margin-left: 0; }
.logo .logoImageAlt { margin-top: 6px; }

/* ==========================================================================
	#Nav
========================================================================== */
.nav { float: right; padding: 8px 0 6px; }
.nav ul { font-size: 0; list-style: none outside none; }
.nav li,
.nav a { display: inline-block; vertical-align: middle; }
.nav li { padding: 0 30px; }
.nav a { font-size: 20px; line-height: 1.2; color: #fff; text-transform: uppercase; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.nav a:hover,
.nav .current a { color: #01b4ed; text-decoration: none; -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* ==========================================================================
	#Intro
========================================================================== */
.intro { position: relative; z-index: 2; overflow: hidden; height: 555px; min-height: 555px; padding: 100px 0; background: url(../../img/website/intro-bg.jpg) repeat 0 0; background-attachment: fixed; font-size: 0; text-align: center; }
.introHome { position: relative; background-image: url(../../img/website/intro-home-bg.jpg); }
.intro:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.introHome .introImage { position: absolute; top: 0; left: 50%; z-index: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.intro .introContent { position: relative; z-index: 3; display: inline-block; vertical-align: middle; }
.intro .introContent p { font-size: 46px; line-height: 1.5; color: #fff; font-weight: 100; }
.intro .introContent .introTitle { padding-bottom: 10px; font-family: 'ProximaNova Extrabold', sans-serif; font-size: 96px; line-height: 1.1; color: #fff; font-weight: 400; text-transform: uppercase; }
.intro .introLogo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.intro .introLogo img { max-height: 100%; }
.intro .introLogo ~ .introContent { position: relative; }

.introHome .introContent { padding-bottom: 50px; vertical-align: bottom; }
.introHome .introContent p { font-size: 60px; }
.introHome .introContent .introTitle { font-size: 72px; }
.introHome .introActions { position: absolute; bottom: 0; left: 50%; z-index: 2; margin-left: -16px; padding: 25px 0; }

.intro .socials { padding-top: 40px; }

.introError { height: 630px; }

.introBlogs { position: relative; padding-top: 140px; }
.introBlogs .introAside { position: absolute; top: 50%; right: 50%; -webkit-transform: translate(690px, -50%); -ms-transform: translate(690px, -50%); -o-transform: translate(690px, -50%); transform: translate(690px, -50%); }
.introBlogs .introContent { position: relative; }
.introBlogs .introActions { padding-top: 40px; }
.introBlogs .introActions .btn { margin: 5px; }

.introBrands { height: auto; padding: 160px 0 40px; background-image: url(../../img/website/section-brands-alt-bg.jpg); background-attachment: unset; }
.introBrands:before { display: none; }
.introBrands .introBody { padding-top: 200px; }

.tabsBrands .tabsBody { padding-top: 50px; }
.tabsBrands .brandAltContent { width: 990px; margin: 0 auto; text-align: center; }
.tabsBrands .brandAltContent p { padding: 10px 0; font-size: 26px; line-height: 1.69; color: #cacdd1; font-weight: 100; }
.tabsBrands .brandAltContent p a { position: relative; display: inline-block; font-size: 40px; line-height: 1.1; color: #01b4ed; }
.tabsBrands .brandAltContent p a:hover { text-decoration: none; }
.tabsBrands .brandAltContent p a:before,
.tabsBrands .brandAltContent p a:after { position: absolute; bottom: 0; height: 2px; background: #01b4ed; content: ''; }
.tabsBrands .brandAltContent p a:before { right: 0; left: 100%; }
.tabsBrands .brandAltContent p a:hover:before { left: 50%; }
.tabsBrands .brandAltContent p a:after { right: 100%; left: 0; }
.tabsBrands .brandAltContent p a:hover:after { right: 50%; }

.tabsBrands .tabsNav { position: relative; height: 500px; }
.tabsBrands .tabsNav:before { position: absolute; top: 60px; right: 100px; bottom: 60px; left: 100px; border: 1px solid rgba(255, 255, 255, .2); content: ''; border-radius: 50%; }
.tabsBrands .tabsNav ul { font-size: 0; list-style: none outside none; }
.tabsBrands .tabsNav li,
.tabsBrands .tabsNav a { display: inline-block; vertical-align: middle; }
.tabsBrands .tabsNav li { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.tabsBrands .tabsNav a { overflow: hidden; white-space: nowrap; text-indent: 200%; text-decoration: none; -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

.tabsBrands .tabsNav .tabLinkPhpJabbers { width: 526px; height: 104px; background: url(../../img/website/phpJabbers-logo.png) no-repeat 0 bottom; -webkit-transform: translate(0, -190px) scale(.9); -ms-transform: translate(0, -190px) scale(.9); -o-transform: translate(0, -190px) scale(.9); transform: translate(0, -190px) scale(.9); }
.tabsBrands .tabsNav .current .tabLinkPhpJabbers,
.tabsBrands .tabsNav .tabLinkPhpJabbers:hover { background-position: 0 0; -webkit-transform: translate(0, -190px) scale(1.1); -ms-transform: translate(0, -190px) scale(1.1); -o-transform: translate(0, -190px) scale(1.1); transform: translate(0, -190px) scale(1.1); }
.tabsBrands .tabsNav .tabLinkBrolmo { width: 298px; height: 72px; background: url(../../img/website/brolmo-logo.png) no-repeat 0 bottom; -webkit-transform: translate(520px, 0) scale(.9); -ms-transform: translate(520px, 0) scale(.9); -o-transform: translate(520px, 0) scale(.9); transform: translate(520px, 0) scale(.9); }
.tabsBrands .tabsNav .current .tabLinkBrolmo,
.tabsBrands .tabsNav .tabLinkBrolmo:hover { background-position: 0 0; -webkit-transform: translate(520px, 0) scale(1.1); -ms-transform: translate(520px, 0) scale(1.1); -o-transform: translate(520px, 0) scale(1.1); transform: translate(520px, 0) scale(1.1); }
.tabsBrands .tabsNav .tabLinkGeekyCorner { width: 480px; height: 114px; background: url(../../img/website/GeekyCorner-logo.png) no-repeat 0 bottom; -webkit-transform: translate(0, 180px) scale(.9); -ms-transform: translate(0, 180px) scale(.9); -o-transform: translate(0, 180px) scale(.9); transform: translate(0, 180px) scale(.9); }
.tabsBrands .tabsNav .current .tabLinkGeekyCorner,
.tabsBrands .tabsNav .tabLinkGeekyCorner:hover { background-position: 0 0; -webkit-transform: translate(0, 180px) scale(1.1); -ms-transform: translate(0, 180px) scale(1.1); -o-transform: translate(0, 180px) scale(1.1); transform: translate(0, 180px) scale(1.1); }
.tabsBrands .tabsNav .tabLinkVevs { width: 238px; height: 72px; background: url(../../img/website/vevs-logo.png) no-repeat 0 bottom; -webkit-transform: translate(-555px, 0) scale(.9); -ms-transform: translate(-555px, 0) scale(.9); -o-transform: translate(-555px, 0) scale(.9); transform: translate(-555px, 0) scale(.9); }
.tabsBrands .tabsNav .current .tabLinkVevs,
.tabsBrands .tabsNav .tabLinkVevs:hover { background-position: 0 0; -webkit-transform: translate(-555px, 0) scale(1.1); -ms-transform: translate(-555px, 0) scale(1.1); -o-transform: translate(-555px, 0) scale(1.1); transform: translate(-555px, 0) scale(1.1); }

.introHostings { background-image: url(../../img/website/intro-hostings-bg.jpg); }
.introHostings .introContent .introTitle { padding: 30px 0; }

.introWork .introAside { position: absolute; bottom: 0; right: 80px; }
/* ==========================================================================
	#Main
========================================================================== */
.main { position: relative; z-index: 2; background: #fff; }
#header.headerFixed ~ .main { padding-top: 70px; }

/* ==========================================================================
	#Sections
========================================================================== */
.section { padding: 60px 0 50px; }
.section .sectionHead { padding-bottom: 20px; text-align: center; }
.section .sectionHead p { font-size: 28px; line-height: 1.4; color: #848686; font-weight: 100; }
.section .sectionHead .sectionTitle { padding-bottom: 30px; font-family: 'ProximaNova Extrabold', sans-serif; font-size: 64px; line-height: 1.1; color: #161717; font-weight: 400; text-transform: uppercase; }
.section .sectionHead p strong { color: #3f4444; font-weight: 400; }
.section .sectionHead a { position: relative; display: inline-block; color: #0e91e4; }
.section .sectionHead a:hover { text-decoration: none; }
.section .sectionHead a:before,
.section .sectionHead a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.section .sectionHead a:before { right: 100%; left: 0; }
.section .sectionHead a:hover:before { right: 50%; }
.section .sectionHead a:after { right: 0; left: 100%; }
.section .sectionHead a:hover:after { left: 50%; }

/* ==========================================================================
	#sectionAbout
========================================================================== */
.sectionAbout .sectionHead .sectionImage { padding-bottom: 30px; }
.sectionAbout .sectionHead .sectionImage img { max-width: 100%; }
.sectionAbout .sectionHead p { font-size: 26px; line-height: 1.6; }

.sectionAbout .sectionBody { padding-top: 30px; }
.features { font-size: 0; list-style: none outside none; }
.feature { display: inline-block; width: 33.3%; padding: 15px 0 15px; text-align: center; vertical-align: top; }
.feature .featureImage { height: 130px; font-size: 0; }
.feature .featureImage:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.feature .featureContent p { font-size: 21px; line-height: 1.71; color: #848686; font-weight: 300; }
.feature .featureContent .featureTitle { padding-bottom: 15px; font-family: 'ProximaNova Bold', sans-serif; font-size: 19px; line-height: 1.2; color: #2e3031; font-weight: 400; text-transform: uppercase; }
.feature .featureContent a { position: relative; display: inline-block; color: #0e91e4; }
.feature .featureContent a:hover { text-decoration: none; }
.feature .featureContent a:before,
.feature .featureContent a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.feature .featureContent a:before { right: 100%; left: 0; }
.feature .featureContent a:hover:before { right: 50%; }
.feature .featureContent a:after { right: 0; left: 100%; }
.feature .featureContent a:hover:after { left: 50%; }

/* ==========================================================================
	#sectionCounters
========================================================================== */
.sectionCounters { height: 300px; padding: 10px 0 20px; background: url(../../img/website/section-counters-bg.jpg) repeat 0 0; font-size: 0; background-attachment: fixed; }
.sectionCounters:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.sectionCounters .sectionInner { display: inline-block; width: 100%; vertical-align: middle; }
.counters { font-size: 0; text-align: justify; list-style: none outside none; }
.counters:after { display: inline-block; width: 100%; content: ''; }
.counters .counter { display: inline-block; padding: 20px; text-align: center; }
.counters .counter .counterImage { height: 90px; font-size: 0; text-align: center; }
.counters .counter .counterImage:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.counters .counter .counterContent p { font-family: 'ProximaNova Bold', sans-serif; font-size: 23px; line-height: 1.2; color: #fff; font-weight: 400; text-transform: uppercase; }
.counters .counter .counterContent .counterTitle { padding-bottom: 5px; font-family: 'ProximaNova Light', sans-serif; font-size: 42px; line-height: 1.1; color: #01b4ed; font-weight: 400; text-transform: uppercase; }

/* ==========================================================================
	#sectionBrands
========================================================================== */
.brands { font-size: 0; list-style: none outside none; }
.brand { display: inline-block; width: 50%; padding: 20px 0; vertical-align: top; }
.brand:nth-child(odd) { padding-right: 15px; }
.brand:nth-child(even) { padding-left: 15px; }
.brand a { display: block; }
.brand a:hover { text-decoration: none; }
.brand .brandEntry { position: relative; overflow: hidden; height: 220px; border: 2px solid #f0f0f0; }
.brand a:hover .brandEntry { border-color: rgba(0, 0, 0, .7); }
.brand .brandImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.brand .brandImage img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.brand a:hover .brandImage img { opacity: .7; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }
.brand .brandImage img.changeHeight { width: auto; height: 100%; }
.brand .brandImage img.changeWidth { width: 100%; height: auto; }
.brand .brandOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 10px 55px; background: rgba(0, 0, 0, .7); font-size: 0; text-align: center; opacity: 0; }
.brand a:hover .brandOverlay { opacity: 1; }
.brand .brandOverlay:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.brand .brandOverlay p { display: inline-block; font-size: 20px; line-height: 1.67; color: #fff; font-weight: 300; vertical-align: middle; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.brand a:hover .brandOverlay p { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.brand .brandContent { padding-top: 10px; text-align: center; }
.brand .brandContent .brandTitle { font-size: 28px; line-height: 1.4; color: #0e91e4; font-weight: 300; }

/* ==========================================================================
	#sectionNews
========================================================================== */
.sectionNews { padding: 80px 0; background: url(../../img/website/sections-dark-sky-bg.jpg) repeat 0 0; background-attachment: fixed; }
.sectionNews .sectionHead .sectionTitle { color: #fff; }

.sliderNews { overflow: hidden; }
.sliderNews .slides { overflow: visible; width: 950px; margin: 0 auto; }
.newsArticleExcerpt { text-align: center; }
.newsArticleExcerpt .articleHead { padding-bottom: 40px; }
.newsArticleExcerpt .articleHead .articleTitle { font-size: 40px; line-height: 1.35; color: #01b5ee; font-weight: 700; text-transform: capitalize; }
.newsArticleExcerpt .articleHead .articleMeta { font-size: 18px; line-height: 1.4; color: #fff; font-weight: 700; text-transform: uppercase; }
.newsArticleExcerpt .articleBody .articleParagraph { font-size: 24px; line-height: 1.83; color: #fff; font-weight: 100; }
.newsArticleExcerpt .articleBody .articleParagraph a { position: relative; display: inline-block; color: #0e91e4; }
.newsArticleExcerpt .articleBody .articleParagraph a:hover { text-decoration: none; }
.newsArticleExcerpt .articleBody .articleParagraph a:before,
.newsArticleExcerpt .articleBody .articleParagraph a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.newsArticleExcerpt .articleBody .articleParagraph a:before { right: 100%; left: 0; }
.newsArticleExcerpt .articleBody .articleParagraph a:hover:before { right: 50%; }
.newsArticleExcerpt .articleBody .articleParagraph a:after { right: 0; left: 100%; }
.newsArticleExcerpt .articleBody .articleParagraph a:hover:after { left: 50%; }

.newsArticleExcerpt .articleActions { padding-top: 20px; }
.sliderNews .owl-prev,
.sliderNews .owl-next { position: absolute; top: 50%; overflow: hidden; width: 44px; height: 44px; margin-top: -22px; border: 5px solid rgba(255, 255, 255, .23); white-space: nowrap; text-indent: 200%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.sliderNews .owl-prev { left: -100px; border-top: 0; border-right: 0; }
.sliderNews .owl-next { right: -100px; border-bottom: 0; border-left: 0; }
.sliderNews .owl-prev:hover,
.sliderNews .owl-next:hover { border-color: rgba(1, 181, 238, .7); }
.sliderNews .owl-dots { position: absolute; bottom: -40px; left: 0; display: none !important; width: 100%; font-size: 0; text-align: center; }
.sliderNews .owl-dot { overflow: hidden; display: inline-block; width: 16px; height: 16px; margin: 0 3px; border: 2px solid rgba(236, 237, 238, .15); border-radius: 50%; white-space: nowrap; text-indent: 200%; }
.sliderNews .owl-dot:hover,
.sliderNews .owl-dot.active { border-color: #01b4ed; background: #01b4ed; }

/* ==========================================================================
	#sectionSubscribe
========================================================================== */
.sectionSubscribe { position: relative; }
.sectionSubscribe .sectionInner { position: relative; z-index: 2; width: 630px; margin: 0 auto; }
.sectionSubscribe .sectionAside { position: absolute; bottom: 0; left: 50%; z-index: 1; margin-left: -580px; }
.formSubscribe { padding: 0 10px; }
.formSubscribe .field { border-color: #ecedee; }
.formSubscribe .formActions { float: right; width: 170px; padding-top: 15px; }
.formSubscribe .formActions .btn { padding: 0 10px; border-color: rgba(236, 237, 238, 1); line-height: 46px; }
.formSubscribe .formActions .btnBordered:hover { border-color: #01b4ed; }
.formSubscribe .formContent { overflow: hidden; }
.formSubscribe .socials { padding-top: 40px; font-size: 0; text-align: center; }
.formSubscribe .socials .socialsTitle,
.formSubscribe .socials ul { display: inline-block; padding: 0 5px; vertical-align: middle; }
.formSubscribe .socials .socialsTitle { font-family: 'ProximaNova Extrabold', sans-serif; font-size: 24px; line-height: 1.6; color: #161717; font-weight: 400; text-transform: uppercase; }

/* ==========================================================================
	#sectionContacts
========================================================================== */
.introContact { padding-top: 140px; }
.listContacts { font-size: 0; text-align: justify; list-style: none outside none; }
.listContacts:after { display: inline-block; width: 100%; content: ''; }
.listContacts li { display: inline-block; padding: 10px; vertical-align: top; text-align: center; }
.listContacts .contactImage { display: inline-block; width: 144px; max-width: 100%; border: 4px solid rgba(0, 0, 0, .15); background: rgba(0, 0, 0, .15); border-radius: 50%; }
.listContacts .contactImage img { width: 100%; }
.listContacts .contactContent { padding-top: 15px; }
.listContacts p { font-size: 26px; line-height: 1; font-weight: 500; }
.listContacts p strong { color: #161717; font-weight: 700; text-transform: uppercase; }
.listContacts p span { display: inline-block; padding: 5px 0 15px; font-size: 22px; color: #161717; font-weight: 600; text-transform: capitalize; }
.listContacts p a { position: relative; display: inline-block; color: #0e91e4; }
.listContacts p span a { color: inherit; }
.listContacts p span a:hover { color: #0e91e4; }
.listContacts p a:hover { text-decoration: none; }
.listContacts p a:before,
.listContacts p a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.listContacts p a:before { right: 0; left: 100%; }
.listContacts p a:hover:before { left: 50%; }
.listContacts p a:after { right: 100%; left: 0; }
.listContacts p a:hover:after { right: 50%; }

/* ==========================================================================
	#sectionContact
========================================================================== */
.sectionContact { background: url(../../img/website/sections-dark-sky-bg.jpg) repeat 0 0; background-attachment: fixed; }
.sectionContact .sectionHead .sectionTitle { color: #fff; }
.sectionContact .formContact { position: relative; width: 1000px; margin: 0 auto; }
.sectionContact .formContact .formAside { position: absolute; right: -140px; top: 5px; }
.formContact .formFoot { padding: 25px 15px; }
.formContact .formActions { padding: 15px; text-align: right; }
.formContact .formActions .btn { line-height: 45px; }
.formContact .formMessage{
	padding: 20px;
}
.formContact .formMessage .formMessageTitle{
	color: #fff;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.6;
}
.formContact .formMessage .formMessageBody{
	font-size: 18px;
	line-height: 1.4;
}
.formContact .formMessage a{
	color: #0e91e4;
}

/* ==========================================================================
	#sectionOffices
========================================================================== */
.sectionOffices { padding-bottom: 0; }
.sectionOffices .sectionHead .sectionTitle { padding-bottom: 10px; }
.sectionOffices .sectionHead { padding-bottom: 40px; }
.offices { font-size: 0; list-style: none outside none; }
.office { display: inline-block; width: 33.333333%; height: 735px; vertical-align: top; }
.office a { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
.officeImage { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.officeImage img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.officeImage img.changeHeight { width: auto; height: 100%; }
.officeImage img.changeWidth { width: 100%; height: auto; }

.officeContent { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, .2); font-size: 0; text-align: center; }
.office a:hover .officeContent { background: rgba(0, 0, 0, .5); }
.officeContent:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.officeContent .officeInner { display: inline-block; vertical-align: middle; }
.officeContent p { font-size: 36px; line-height: 1; color: #fff; font-weight: 300; }
.officeContent .officeTitle { font-family: 'Raleway', sans-serif; font-size: 60px; line-height: 1.1; color: #fff; font-weight: 800; text-transform: uppercase; }
.officeContent .officeMeta p { font-size: 0; }
.office a:hover .officeContent .officeMeta p { font-size: 36px; }
.officeContent .officeMetaImage { overflow: hidden; max-height: 0; padding: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.office a:hover .officeContent .officeMetaImage { max-height: 9999px; padding: 45px 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

/* ==========================================================================
	#sectionError
========================================================================== */
.sectionError .sectionImage { margin-top: -230px; text-align: center; }
.sectionError .sectionImage img { max-width: 100%; }

/* ==========================================================================
	#sectionBlogs
========================================================================== */
.sectionBlogs { padding-top: 0; }
.articlesExcerpts { font-size: 0; border-top: 1px solid #fff; list-style: none outside none; }
.articleExcerpt { display: inline-block; width: 33.33%; vertical-align: top; }
.articleExcerpt a { position: relative; display: block; width: 100%; height: 745px; background: #f2f8f9; text-decoration: none; }
.articleExcerpt a:hover { z-index: 2; text-decoration: none; -webkit-box-shadow: 0 0 46px rgba(1, 156, 213, .5); box-shadow: 0 0 46px rgba(1, 156, 213, .5); }
.articleExcerpt:nth-child(3n+2) a { background: #fff; }
.articleExcerptImage { position: relative; overflow: hidden; width: 100%; height: 310px; }
.articleExcerptImage img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.articleExcerptImage img.changeHeight { width: auto; height: 100%; }
.articleExcerptImage img.changeWidth { width: 100%; height: auto; }
.articleExcerptContent { padding: 35px 0 60px; }
.articleExcerptContent .articleExcerptInner { overflow: hidden; max-height: 275px; padding: 0 30px 0 50px; }
.articleExcerptContent .articleExcerptParagraph { font-size: 22px; line-height: 1.82; color: #848686; font-weight: 300; }
.articleExcerptContent .articleExcerptTitle { overflow: hidden; max-height: 265px; padding-bottom: 20px; font-family: 'Raleway', sans-serif; font-size: 44px; line-height: 1; color: #363838; font-weight: 800; text-transform: uppercase; }
.articleExcerptContent .articleExcerptMeta { padding-bottom: 30px; }
.articleExcerptContent .articleExcerptMeta span { display: inline-block; padding: 0 15px; font-size: 20px; line-height: 33px; color: #363838; font-weight: 300; }
.articleExcerptContent .articleExcerptMeta .articleExcerptBadge { padding: 0 20px; background: #000; font-family: 'Raleway', sans-serif; font-size: 18px; color: #fff; font-weight: 300; text-transform: uppercase; }
.articleExcerptContent .articleExcerptMeta .articleExcerptBadgeBlue { background: #3ba1b0; }
.articleExcerptContent .articleExcerptMeta .articleExcerptBadgeOrange { background: #e88626; }
.articleExcerptContent .articleExcerptMeta .articleExcerptBadgeGreen { background: #2eb687; }
.articleExcerptContent .articleExcerptMeta .articleExcerptBadgeViolet { background: #895bad; }

.sectionBlogs .paging { position: relative; }
.sectionBlogs .paging .btnPrev,
.sectionBlogs .paging .btnNext { position: absolute; top: 50%; margin-top: -24px; }
.sectionBlogs .paging .btnPrev { left: 30px; }
.sectionBlogs .paging .btnNext { right: 30px; }

/* ==========================================================================
	#sectionBrandsAlt
========================================================================== */
.sectionBrandsAlt { background: #14161f url(../../img/website/section-brands-alt-bg.jpg) repeat center center; }

/* ==========================================================================
	#sectionPartners
========================================================================== */
.sectionPartners .sectionHead .sectionImage { padding-bottom: 30px; }
.sectionPartners .sectionHead .sectionImage img { max-width: 100%; }

.sectionPartners .sectionBody { padding-top: 50px; }
.partners { font-size: 0; list-style: none outside none; }
.partner { display: inline-block; width: 25%; height: 96px; margin: 10px 0; font-size: 0; vertical-align: middle; text-align: center; }
.partner:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.partner a,
.partner a img { max-width: 100%; max-height: 100%; }
.partner a { display: inline-block; vertical-align: middle; text-decoration: none; }
.partner a img { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.partner a:hover img { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* ==========================================================================
	#sectionClients
========================================================================== */
.sectionClients { background: url(../../img/website/section-clients-bg.jpg) repeat 0 0; background-attachment: fixed; }
.sectionClients .sectionHead p { color: #fff; }
.sectionClients .sectionHead .sectionTitle { color: #fff; }

.sectionClients .countersClients { }
.countersClients { font-size: 0; list-style: none outside none; text-align: justify; }
.countersClients:after { display: inline-block; width: 100%; content: ''; }
.countersClients .counter { display: inline-block; padding: 0 15px; text-align: center; }
.countersClients .counterImage { padding: 15px 0; }
.countersClients .counterImage img { max-width: 100%; }
.countersClients .counterContent p { font-family: 'ProximaNova Light', sans-serif; font-size: 20px; line-height: 1.4; color: #fff; font-weight: 400; }
.countersClients .counterContent p strong { font-family: 'ProximaNova Extrabold', sans-serif; font-size: 40px; line-height: 1.1; text-transform: uppercase; font-weight: 400; }

.sectionClients .sliderTestimonials { padding-top: 120px; }
.sliderTestimonials { width: 830px; margin: 0 auto; }
.sliderTestimonials .slides { overflow: visible; }
.sliderTestimonials .owl-prev,
.sliderTestimonials .owl-next { position: absolute; top: 50%; overflow: hidden; width: 44px; height: 44px; margin-top: -110px; border: 5px solid rgba(255, 255, 255, .23); white-space: nowrap; text-indent: 200%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.sliderTestimonials .owl-prev { left: -170px; border-top: 0; border-right: 0; }
.sliderTestimonials .owl-next { right: -170px; border-bottom: 0; border-left: 0; }
.sliderTestimonials .owl-prev:hover,
.sliderTestimonials .owl-next:hover { border-color: rgba(255, 255, 255, .7); }
.sliderTestimonials .owl-dots { position: absolute; bottom: -10px; left: 0; display: none !important; width: 100%; font-size: 0; text-align: center; }
.sliderTestimonials .owl-dot { overflow: hidden; display: inline-block; width: 16px; height: 16px; margin: 0 3px; border: 2px solid rgba(236, 237, 238, .15); border-radius: 50%; white-space: nowrap; text-indent: 200%; }
.sliderTestimonials .owl-dot:hover,
.sliderTestimonials .owl-dot.active { border-color: #01b4ed; background: #01b4ed; }

.testimonial { text-align: center; }
.testimonialBody { padding-bottom: 40px; }
.testimonialBody p { font-size: 24px; line-height: 1.85; color: #fff; font-weight: 400; }
.testimonialFoot { position: relative; padding: 20px 0; }
.testimonialFoot:before { position: absolute; top: 0; left: 50%; width: 80px; height: 2px; margin-left: -40px; background: rgba(212, 212, 215, .36); content: ''; }
.testimonialAuthor { font-size: 19px; line-height: 1.4; color: #cacdd2; font-weight: 700; text-transform: uppercase; }

/* ==========================================================================
	#sectionTimeline
========================================================================== */
.tabsEvents { padding: 30px 0; }
.tabsEvents .tabsBody { padding-bottom: 30px; }
.event { width: 770px; margin: 0 auto; text-align: center; }
.event p { font-size: 20px; line-height: 1.6; color: #848686; font-weight: 300; }
.event .eventTitle { padding-bottom: 20px; font-size: 30px; line-height: 1.33; color: #161717; font-weight: 600; }
.event .eventMeta { padding-bottom: 5px; font-size: 28px; line-height: 1.07; color: #01b4ed; font-weight: 500; }
.tabsEvents .eventImage { border: 2px solid rgba(0, 0, 0, .3); text-align: center; }
.tabsEvents .eventImage a { display: inline-block; max-width: 100%; }
.tabsEvents .eventImage img { max-width: 100%; }
.tabsEvents .tabsHead { padding-top: 15px; }
.tabsEvents .tabsNav { position: relative; margin: 0 30px; }
.tabsEvents .tabsNav .tabsNavShuttle { position: absolute; top: -11px; left: 0; width: 43px; height: 24px; margin-left: -9px; padding: 0; background: url(../../img/website/shuttle.png) no-repeat 0 0; content: ''; border-radius: 50%; }
.tabsEvents .tabsNav .tabsNavShuttle[style^="left: 100%;"] { margin-left: -45px; }
.tabsEvents .tabsNav ul { position: relative; min-height: 80px; margin-right: 25px; font-size: 0; list-style: none outside none; }
.tabsEvents .tabsNav ul:before { position: absolute; top: 0; right: 0; left: 25px; height: 3px; background: #d8dde2; content: ''; }
.tabsEvents .tabsNav li,
.tabsEvents .tabsNav a { display: inline-block; vertical-align: top; }
.tabsEvents .tabsNav li { position: absolute; top: 0; min-width: 55px; padding: 0 10px; }
.tabsEvents .tabsNav li:last-of-type { margin-left: -25px; }
.tabsEvents .tabsNav a { position: relative; padding: 20px 0; font-size: 16px; line-height: 1.2; color: #758084; text-align: center; }
.tabsEvents .tabsNav a:before { position: absolute; top: -4px; left: 50%; width: 10px; height: 10px; margin-left: -5px; background: #d8dde2; content: ''; border-radius: 50%; }
.tabsEvents .tabsNav a:hover,
.tabsEvents .tabsNav .current a { color: #161717; text-decoration: none; }
.tabsEvents .tabsNav a span { display: block; }

/* ==========================================================================
	#sectionGallery
========================================================================== */
.sectionGallery { padding-bottom: 100px; background: #1b1f2b url(../../img/website/section-timeline-bg.jpg) no-repeat center bottom; }
.sectionGallery .sectionHead p,
.sectionGallery .sectionHead .sectionTitle { color: #fff; }
.sectionGallery .sectionBody { overflow: hidden; padding-top: 10px; }
.sectionGallery .sectionBody .sectionActions { padding-bottom: 30px; text-align: center; }

.sliderEvents { width: 1370px; margin: 0 auto 50px; padding: 90px 0 70px 0; }
.sliderEvents:after { position: absolute; top: 0; left: 50%; z-index: 3; width: 123px; height: 100%; margin-left: -62px; background: #1b1f2b url(../../img/website/slider-events-satellite.png) no-repeat 0 0; content: ''; }
.sliderEvents .sliderClip { position: relative; height: 340px; padding: 15px; }
.sliderEvents .sliderClip:before,
.sliderEvents .sliderClip:after { position: absolute; top: 0; z-index: 2; height: 310px; border: 15px solid #555653; content: ''; }
.sliderEvents .sliderClip:before { right: calc(50% + 60px); left: 0; }
.sliderEvents .sliderClip:after { right: 0; left: calc(50% + 60px);; }
.sliderEvents .slides { overflow: visible; }
.sliderEvents .owl-prev,
.sliderEvents .owl-next { position: absolute; top: 50%; overflow: hidden; width: 44px; height: 44px; margin-top: -22px; border: 5px solid rgba(255, 255, 255, .23); white-space: nowrap; text-indent: 200%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.sliderEvents .owl-prev { left: -80px; border-top: 0; border-right: 0; }
.sliderEvents .owl-next { right: -80px; border-bottom: 0; border-left: 0; }
.sliderEvents .owl-prev:hover,
.sliderEvents .owl-next:hover { border-color: rgba(255, 255, 255, .7); }
.sliderEvents .slide { position: relative; overflow: visible; width: 100%; height: 310px; }
.sliderEvents .owl-dots { position: absolute; bottom: -50px; left: 0; display: none !important; width: 100%; font-size: 0; text-align: center; }
.sliderEvents .owl-dot { overflow: hidden; display: inline-block; width: 16px; height: 16px; margin: 0 3px; border: 2px solid rgba(236, 237, 238, .15); border-radius: 50%; white-space: nowrap; text-indent: 200%; }
.sliderEvents .owl-dot:hover,
.sliderEvents .owl-dot.active { border-color: #01b4ed; background: #01b4ed; }

.sliderEvents .slideImage { position: absolute; top: 0; left: 0; overflow: hidden; width: calc(100% + 150px); height: 100%; margin: 0 0 0 -75px; }
.sliderEvents .slideImage img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; }
.sliderEvents .slideImage img.changeHeight { width: auto; height: 100%; }
.sliderEvents .slideImage img.changeWidth { width: 100%; height: auto; }

/* ==========================================================================
	#sectionTeam
========================================================================== */
.sectionTeam { background: url(../../img/website/section-team-bg.jpg) repeat 0 0; background-attachment: fixed; }
.sectionTeam .sectionBody { position: relative; min-height: 600px; }
.sectionTeamOpen .sectionBody { min-height: 900px; }
.sectionTeam .sectionActions { position: absolute; top: 50%; left: 50%; padding: 50px 0; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.sectionTeam .sectionActions a { position: relative; display: inline-block; width: 430px; height: 570px; background: url(../../img/website/click-here-logo.png) no-repeat center center; vertical-align: middle; text-decoration: none; }
.sectionTeamOpen .sectionActions a { background-image: url(../../img/website/section-team-logo.png); }
.sectionTeam .sectionActions .imageMessage { position: absolute; top: 32%; right: 100%; display: inline-block; border: 2px solid #01b4ed; background: #f7fafa; margin-right: -90px; padding: 12px 10px 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 16px; color: #01b4ed; font-weight: 400; text-align: center; border-radius: 11px; white-space: nowrap; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); }
.sectionTeamOpen .sectionActions .imageMessage { display: none; }
.sectionTeam .sectionActions .imageMessage:after { position: absolute; top: 50%; left: 100%; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 12px solid #01b4ed; content: ''; margin-top: -6px; }

.teams { display: none; }
.sectionTeamOpen .teams { display: block; }
.teams,
.teams .team,
.members,
.members .member { position: absolute; top: 50%; left: 50%; }
.teams,
.members { list-style: none outside none; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.sectionTeamOpen .teams .teamPosition1 { -webkit-transform: translate(-200px, -300px); -ms-transform: translate(-200px, -300px); -o-transform: translate(-200px, -300px); transform: translate(-200px, -300px); }
.sectionTeamOpen .teams .teamPosition1 .memberPosition1 { -webkit-transform: translate(-100px, 50px); -ms-transform: translate(-100px, 50px); -o-transform: translate(-100px, 50px); transform: translate(-100px, 50px); }
.sectionTeamOpen .teams .teamPosition1 .memberPosition2 { -webkit-transform: translate(-130px, -70px); -ms-transform: translate(-130px, -70px); -o-transform: translate(-130px, -70px); transform: translate(-130px, -70px); }
.sectionTeamOpen .teams .teamPosition1 .memberPosition3 { -webkit-transform: translate(-20px, -100px); -ms-transform: translate(-20px, -100px); -o-transform: translate(-20px, -100px); transform: translate(-20px, -100px); }
.sectionTeamOpen .teams .teamPosition1 .memberPosition4 { -webkit-transform: translate(120px, -80px); -ms-transform: translate(120px, -80px); -o-transform: translate(120px, -80px); transform: translate(120px, -80px); }

.sectionTeamOpen .teams .teamPosition2 { -webkit-transform: translate(300px, -200px); -ms-transform: translate(300px, -200px); -o-transform: translate(300px, -200px); transform: translate(300px, -200px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition1 { -webkit-transform: translate(-90px, -100px); -ms-transform: translate(-90px, -100px); -o-transform: translate(-90px, -100px); transform: translate(-90px, -100px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition2 { -webkit-transform: translate(30px, -100px); -ms-transform: translate(30px, -100px); -o-transform: translate(30px, -100px); transform: translate(30px, -100px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition3 { -webkit-transform: translate(160px, -60px); -ms-transform: translate(160px, -60px); -o-transform: translate(160px, -60px); transform: translate(160px, -60px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition4 { -webkit-transform: translate(150px, 60px); -ms-transform: translate(150px, 60px); -o-transform: translate(150px, 60px); transform: translate(150px, 60px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition5 { -webkit-transform: translate(-100px, 100px); -ms-transform: translate(-100px, 100px); -o-transform: translate(-100px, 100px); transform: translate(-100px, 100px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition6 { -webkit-transform: translate(-160px, -5px); -ms-transform: translate(-160px, -5px); -o-transform: translate(-160px, -5px); transform: translate(-160px, -5px); }
.sectionTeamOpen .teams .teamPosition2 .memberPosition7 { -webkit-transform: translate(30px, 80px); -ms-transform: translate(30px, 80px); -o-transform: translate(30px, 80px); transform: translate(30px, 80px); }

.sectionTeamOpen .teams .teamPosition3 { -webkit-transform: translate(330px, 200px); -ms-transform: translate(330px, 200px); -o-transform: translate(330px, 200px); transform: translate(330px, 200px); }
.sectionTeamOpen .teams .teamPosition3 .memberPosition1 { -webkit-transform: translate(-170px, -40px); -ms-transform: translate(-170px, -40px); -o-transform: translate(-170px, -40px); transform: translate(-170px, -40px); }
.sectionTeamOpen .teams .teamPosition3 .memberPosition2 { -webkit-transform: translate(-40px, -100px); -ms-transform: translate(-40px, -100px); -o-transform: translate(-40px, -100px); transform: translate(-40px, -100px); }
.sectionTeamOpen .teams .teamPosition3 .memberPosition3 { -webkit-transform: translate(20px, -90px); -ms-transform: translate(20px, -90px); -o-transform: translate(20px, -90px); transform: translate(20px, -90px); }
.sectionTeamOpen .teams .teamPosition3 .memberPosition4 { -webkit-transform: translate(-100px, 100px); -ms-transform: translate(-100px, 100px); -o-transform: translate(-100px, 100px); transform: translate(-100px, 100px); }
.sectionTeamOpen .teams .teamPosition3 .memberPosition5 { -webkit-transform: translate(30px, 90px); -ms-transform: translate(30px, 90px); -o-transform: translate(30px, 90px); transform: translate(30px, 90px); }

.sectionTeamOpen .teams .teamPosition4 { -webkit-transform: translate(-40px, 350px); -ms-transform: translate(-40px, 350px); -o-transform: translate(-40px, 350px); transform: translate(-40px, 350px); }
.sectionTeamOpen .teams .teamPosition4 .memberPosition1 { -webkit-transform: translate(-40px, -120px); -ms-transform: translate(-40px, -120px); -o-transform: translate(-40px, -120px); transform: translate(-40px, -120px); }
.sectionTeamOpen .teams .teamPosition4 .memberPosition2 { -webkit-transform: translate(-160px, -30px); -ms-transform: translate(-160px, -30px); -o-transform: translate(-160px, -30px); transform: translate(-160px, -30px); }
.sectionTeamOpen .teams .teamPosition4 .memberPosition3 { -webkit-transform: translate(100px, -85px); -ms-transform: translate(100px, -85px); -o-transform: translate(100px, -85px); transform: translate(100px, -85px); }

.sectionTeamOpen .teams .teamPosition5 { -webkit-transform: translate(-460px, 70px); -ms-transform: translate(-460px, 70px); -o-transform: translate(-460px, 70px); transform: translate(-460px, 70px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition1 { -webkit-transform: translate(-190px, -110px); -ms-transform: translate(-190px, -110px); -o-transform: translate(-190px, -110px); transform: translate(-190px, -110px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition2 { -webkit-transform: translate(-50px, -120px); -ms-transform: translate(-50px, -120px); -o-transform: translate(-50px, -120px); transform: translate(-50px, -120px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition3 { -webkit-transform: translate(80px, -180px); -ms-transform: translate(80px, -180px); -o-transform: translate(80px, -180px); transform: translate(80px, -180px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition4 { -webkit-transform: translate(110px, -60px); -ms-transform: translate(110px, -60px); -o-transform: translate(110px, -60px); transform: translate(110px, -60px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition5 { -webkit-transform: translate(170px, 50px); -ms-transform: translate(170px, 50px); -o-transform: translate(170px, 50px); transform: translate(170px, 50px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition6 { -webkit-transform: translate(60px, 90px); -ms-transform: translate(60px, 90px); -o-transform: translate(60px, 90px); transform: translate(60px, 90px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition7 { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition8 { -webkit-transform: translate(-115px, 40px); -ms-transform: translate(-115px, 40px); -o-transform: translate(-115px, 40px); transform: translate(-115px, 40px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition9 { -webkit-transform: translate(-200px, 120px); -ms-transform: translate(-200px, 120px); -o-transform: translate(-200px, 120px); transform: translate(-200px, 120px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition10 { -webkit-transform: translate(-150px, 220px); -ms-transform: translate(-150px, 220px); -o-transform: translate(-150px, 220px); transform: translate(-150px, 220px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition11 { -webkit-transform: translate(-40px, 150px); -ms-transform: translate(-40px, 150px); -o-transform: translate(-40px, 150px); transform: translate(-40px, 150px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition12 { -webkit-transform: translate(70px, 210px); -ms-transform: translate(70px, 210px); -o-transform: translate(70px, 210px); transform: translate(70px, 210px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition13 { -webkit-transform: translate(-150px, -220px); -ms-transform: translate(-150px, -220px); -o-transform: translate(-150px, -220px); transform: translate(-150px, -220px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition14 { -webkit-transform: translate(-30px, -250px); -ms-transform: translate(-30px, -250px); -o-transform: translate(-30px, -250px); transform: translate(-30px, -250px); }
.sectionTeamOpen .teams .teamPosition5 .memberPosition15 { -webkit-transform: translate(-40px, 270px); -ms-transform: translate(-40px, 270px); -o-transform: translate(-40px, 270px); transform: translate(-40px, 270px); }

.teams .teamInner { position: relative; }
.teams .teamTitle { font-family: 'ProximaNova Bold', sans-serif; font-size: 36px; line-height: 1.2; color: #161717; font-weight: 400; text-transform: uppercase; white-space: nowrap; }
.teams .team:hover .teamTitle { color: #01b4ed; }

.members .member { margin: -72px 0 0 -72px; }
.members .member a { position: relative; display: inline-block; width: 144px; height: 144px; border: 4px solid rgba(0, 0, 0, .15); color: #d2d5d6; border-radius: 50%; text-decoration: none; -webkit-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6); }
.teams .team:hover .members .member a { -webkit-box-shadow: 0 0 29px rgba(1, 180, 237, .3); box-shadow: 0 0 29px rgba(1, 180, 237, .3); }
.members .member a:hover { border: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); text-decoration: none; }
.members .member a .memberImage,
.members .member a .memberImage img,
.members .member a .memberContent { overflow: hidden; width: 100%; height: 100%; border-radius: 50%; }
.members .member a .memberContent { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .3); padding: 5px; font-size: 0; opacity: 0; text-align: center; }
.members .member a:hover .memberContent { opacity: 1; }
.members .member a .memberContent:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.members .member a .memberContent .memberInner { display: inline-block; vertical-align: middle; }
.members .member a .memberContent .memberTitle,
.members .member a .memberContent .memberMeta { padding: 5px 0; font-size: 0; color: #fff; }
.members .member a .memberContent .memberTitle { line-height: 1.11; font-weight: 500; text-transform: capitalize; text-shadow: 0 0 3px rgba(0, 0, 0, .3); }
.members .member a:hover .memberContent .memberTitle { font-size: 17px; }
.members .member a .memberContent .memberMeta { line-height: 1.18; font-weight: 300; }
.members .member.memberNew a .memberContent .memberMeta { font-weight: 400; }
.members .member a:hover .memberContent .memberMeta { font-size: 16px; }

/* ==========================================================================
	#sectionBlogInner
========================================================================== */
.articleBlogPost { padding: 10px 0; }
.articleBlogPost .articleHead { position: relative; padding-bottom: 50px; text-align: center; }
.articleBlogPost .articleHead .articleTitle { font-family: 'ProximaNova Extrabold', sans-serif; font-size: 60px; line-height: 1.1; color: #161717; font-weight: 400; text-transform: uppercase; }
.articleBlogPost .articleHead .articleMeta { padding-top: 15px; font-size: 0; list-style: none outside none; }
.articleBlogPost .articleHead .articleMeta li { position: relative; display: inline-block; padding: 0 20px; font-size: 26px; line-height: 1.2; color: #0e91e4; font-weight: 100; vertical-align: middle; }
.articleBlogPost .articleHead .articleMeta li:after { position: absolute; top: 50%; right: -1px; width: 2px; height: 16px; margin-top: -9px; background: #0e91e4; content: ''; }
.articleBlogPost .articleHead .articleMeta li:last-of-type:after { display: none; }
.articleBlogPost .btnPrev,
.articleBlogPost .btnNext { font-family: 'ProximaNova Bold', sans-serif; font-size: 24px; line-height: 1.6; color: #0e91e4; font-weight: 400; text-transform: uppercase; }
.articleBlogPost .btnPrev:hover,
.articleBlogPost .btnNext:hover { color: #0f0f0f; text-decoration: none; }
.articleBlogPost .articleHead .btnPrev,
.articleBlogPost .articleHead .btnNext { position: absolute; top: 50%; margin-top: -68px; }
.articleBlogPost .articleHead .btnPrev { left: 50px; }
.articleBlogPost .articleHead .btnNext { right: 50px; }

.articleBlogPost .articleBody { padding-bottom: 50px; }
.articleBlogPost .articleBody img { display: block; max-width: 100%; margin: 0 auto; }
.articleBlogPost .articleBody p { padding: 20px 0; font-size: 22px; line-height: 1.82; color: #676b6b; font-weight: 300; }
.articleBlogPost .articleBody p a { position: relative; display: inline-block; color: #0e91e4; }
.articleBlogPost .articleBody p a:hover { text-decoration: none; }
.articleBlogPost .articleBody p a:before,
.articleBlogPost .articleBody p a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.articleBlogPost .articleBody p a:before { right: 100%; left: 0; }
.articleBlogPost .articleBody p a:hover:before { right: 50%; }
.articleBlogPost .articleBody p a:after { right: 0; left: 100%; }
.articleBlogPost .articleBody p a:hover:after { left: 50%; }
.articleBlogPost .articleBody p strong { font-weight: 600; color: #0f0f0f; }
.articleBlogPost .articleBody p .btnBorderedAlt:before,
.articleBlogPost .articleBody p .btnBorderedAlt:after { display: none; }
.articleBlogPost .articleBody p .btnBorderedAlt { color: #01b4ed; }
.articleBlogPost .articleBody p .btnBorderedAlt:hover { color: #fff; }

.articleBlogPost .articleFoot { position: relative; }
.articleBlogPost .articleFoot .articleActions { padding: 3px 0 50px; border-bottom: 2px solid #ecedee; }
.articleBlogPost .articleFoot .articleActions .btnPrev,
.articleBlogPost .articleFoot .articleActions .btnNext { position: absolute; top: 0; }
.articleBlogPost .articleFoot .articleActions .btnPrev { left: 50px; }
.articleBlogPost .articleFoot .articleActions .btnNext { right: 50px; }
.articleBlogPost .articleFoot .socials { font-size: 0; }
.articleBlogPost .articleFoot .socials .socialsTitle,
.articleBlogPost .articleFoot .socials ul { display: inline-block; vertical-align: middle; }
.articleBlogPost .articleFoot .socials .socialsTitle { padding-right: 15px; font-family: 'ProximaNova Extrabold', sans-serif; font-size: 22px; line-height: 1.2; color: #161717; font-weight: 400; text-transform: uppercase; }

.formComments .formHead .formTitle,
.formComments .formBody .formTitle { padding-bottom: 40px; font-family: 'ProximaNova Extrabold', sans-serif; font-size: 40px; line-height: 1.2; color: #161717; font-weight: 400; text-transform: uppercase; }
.formComments .formHead { padding: 30px 0 50px; border-bottom: 2px solid #ecedee; }
.comments { list-style: none outside none; }
.comment { overflow: hidden; padding-bottom: 30px; }
.comment .commentImage { float: left; width: 100px; text-align: left; }
.comment .commentImage img { max-width: 100%; border-radius: 50%; }
.comment .commentContent { overflow: hidden; }
.comment .commentHead { padding-bottom: 20px; font-size: 0; }
.comment .commentHead .commentAuthor,
.comment .commentHead .commentMeta { display: inline-block; vertical-align: bottom; }
.comment .commentHead .commentAuthor { padding-right: 10px; font-size: 22px; line-height: 1.55; color: #414545; font-weight: 600; text-transform: capitalize; }
.comment .commentHead .commentMeta { font-size: 20px; line-height: 1.7; color: #979b9b; font-weight: 300; }
.comment .commentBody p { font-size: 20px; line-height: 1.5; color: #676b6b; font-weight: 300; }

.formComments .formBody { padding-top: 30px; }
.formComments .formActions { padding: 15px; }
.formComments .formActions .btn { line-height: 45px; }

.formComments .formMessage{
	padding: 20px;
}
.formComments .formMessage .formMessageTitle{
	color: #01b4ed;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.6;
}
.formComments .formMessage .formMessageBody{
	color: #01b4ed;
	font-size: 18px;
	line-height: 1.4;
}
.formComments .formMessage a{
	color: #0e91e4;
}

/* ==========================================================================
	#formApply
========================================================================== */
.formApply .formHead { padding: 15px 15px 0; text-align: center; }
.formApply .formHead .formTitle { font-family: 'ProximaNova Bold', sans-serif; font-size: 36px; line-height: 1.4; color: #161717; font-weight: 400; text-transform: uppercase; }
.formApply .formActions { text-align: right; padding: 15px; }
.formApply .formFoot { padding: 10px 0 20px; text-align: center; }
.formApply .formFoot p { font-size: 14px; line-height: 1.4; color: #3f4444; font-weight: 400; font-style: italic; }

.formAddFile { overflow: hidden; }
.formAddFile .btnDisabled { display: none; }
.formAddFile .btnUploadFile { position: relative; overflow: hidden; float: left; width: 32px; height: 32px; margin-right: 10px; background: url(../../img/website/paperclip.png) no-repeat 0 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.formAddFile .btnUploadFile input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.formAddFile .btnUploadFile input::-webkit-file-upload-button { cursor: pointer; }
.formAddFile.formAddFileAdded .btnDisabled { display: inline-block; }
.formAddFile .formAddFileInner { overflow: hidden; }
.formAddFile p { font-size: 13px; line-height: 1.4; }
.formAddFile p strong { font-size: 15px; color: #3f4444; font-weight: 600; }
.formAddFile .uploadedFiles { color: #3f4444; }
.formAddFile .btnRemoveFile { display: none; height: 26px; margin-top: 5px; padding: 0 10px; font-size: 13px; line-height: 24px; text-transform: none; }
.formAddFile.formAddFileAdded .btnRemoveFile { display: inline-block; }
/* 
.formAddFile.formAddFileReadyForDrop .btnUploadFile { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.formAddFile.formAddFileReadyForDrop .formAddFileAttachTitle { display: none; }
.formAddFile .formAddFileDropTitle { display: none; }
.formAddFile.formAddFileReadyForDrop .formAddFileDropTitle { display: block; }
.formAddFile.formAddFileReadyForDrop .btnUploadFile span { display: none; } */

/* ==========================================================================
	#Footer
========================================================================== */
#footer { position: fixed; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 27px 0 25px; background: url(../../img/website/footer-bg.jpg) repeat 0 bottom; text-align: center; }
.copyright { font-size: 18px; line-height: 1.6; color: #fff; }

/* ==========================================================================
	#sectionAboutBrands
========================================================================== */
.brandsArticles { font-size: 0; list-style: none outside none; }
.brandsArticles .brandArticle { padding: 10px 30px 30px; display: inline-block; width: 33.3%; vertical-align: top; }
.brandsArticles .brandArticle .brandArticleLogo { height: 130px; font-size: 0; text-align: center; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.brandsArticles .brandArticle .brandArticleLogo:hover { text-decoration: none; -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.brandsArticles .brandArticle .brandArticleLogo:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.brandsArticles .brandArticle .brandArticleLogo img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.brandsArticles .brandArticle p { font-size: 22px; line-height: 1.55; color: #899090; font-weight: 300; }
.brandsArticles .brandArticle .brandArticleContent a { position: relative; display: inline-block; color: #0e91e4; }
.brandsArticles .brandArticle .brandArticleContent a:hover { text-decoration: none; }
.brandsArticles .brandArticle .brandArticleContent a:before,
.brandsArticles .brandArticle .brandArticleContent a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.brandsArticles .brandArticle .brandArticleContent a:before { right: 100%; left: 0; }
.brandsArticles .brandArticle .brandArticleContent a:hover:before { right: 50%; }
.brandsArticles .brandArticle .brandArticleContent a:after { right: 0; left: 100%; }
.brandsArticles .brandArticle .brandArticleContent a:hover:after { left: 50%; }
.brandsArticles .brandArticle .listBulletsBlue { padding-top: 35px; }
.listBulletsBlue { list-style: none outside none; }
.listBulletsBlue li { padding: 5px 0; font-size: 20px; line-height: 1.4; color: #899090; font-weight: 300; }
.listBulletsBlue li:before { display: inline-block; width: 7px; height: 7px; margin: -3px 5px 0 0; background: #0a95e4; content: ''; vertical-align: middle; border-radius: 50%; }
.listBulletsBlue li strong { color: #161717; font-weight: 600; }
.listBulletsBlue li a { position: relative; display: inline-block; color: #0e91e4; }
.listBulletsBlue li a:hover { text-decoration: none; }
.listBulletsBlue li a:before,
.listBulletsBlue li a:after { position: absolute; bottom: 0; height: 2px; background: #0e91e4; content: ''; }
.listBulletsBlue li a:before { right: 100%; left: 0; }
.listBulletsBlue li a:hover:before { right: 50%; }
.listBulletsBlue li a:after { right: 0; left: 100%; }
.listBulletsBlue li a:hover:after { left: 50%; }

/* ==========================================================================
	#sectionEvent
========================================================================== */
.sectionEventHosting { background: url(../../img/website/section-event-hosting.jpg) no-repeat 0 0 fixed; }
.sectionEvent .sectionHead .sectionTitle { font-size: 68px; color: #fff; }
.sectionEvent .sectionHead .sectionTitle .sectionLogo { display: inline-block; }
.sectionEvent .sectionHead .sectionTitle .sectionLogo:before,
.sectionEvent .sectionHead .sectionTitle .sectionLogo:after { display: none; }
.sectionEvent .sectionHead .sectionTitle .sectionLogo:hover { text-decoration: none; opacity: .7; }
.sectionEvent .sectionHead .sectionTitle .sectionLogo img { max-width: 100%; }
.sectionEvent .sectionHead .sectionEventMeta { font-size: 0; text-align: center; }
.sectionEvent .sectionHead .sectionEventMeta dt,
.sectionEvent .sectionHead .sectionEventMeta dd { display: inline-block; padding: 0 15px; font-size: 44px; line-height: .7; color: #fff; font-weight: 100; vertical-align: middle; }
.sectionEvent .sectionHead .sectionEventMeta dt { }
.sectionEvent .sectionHead .sectionEventMeta dd { border-left: 2px solid #fff; }

.eventAttendants { font-size: 0; list-style: none outside none; }
.eventAttendants .eventAttendant { overflow: hidden; display: inline-block; width: 50%; padding: 15px 25px; vertical-align: middle; }
.eventAttendants .eventAttendant:nth-child(odd) { text-align: right; }
.eventAttendants .eventAttendant:nth-child(even) { text-align: left; }
.eventAttendants .eventAttendant .eventAttendantImage,
.eventAttendants .eventAttendant .eventAttendantImage img { overflow: hidden; border-radius: 50%; }
.eventAttendants .eventAttendant .eventAttendantImage { -webkit-box-shadow: 0 8px 7px rgba(0, 0, 0, .4); box-shadow: 0 8px 7px rgba(0, 0, 0, .4); }
.eventAttendants .eventAttendant .eventAttendantImage img { max-width: 100%; }
.eventAttendants .eventAttendant:nth-child(odd) .eventAttendantImage { float: right; margin-left: 15px; }
.eventAttendants .eventAttendant:nth-child(even) .eventAttendantImage { float: left; margin-right: 15px; }
.eventAttendants .eventAttendant .eventAttendantContent { padding-top: 35px; }
.eventAttendants .eventAttendant .eventAttendantContent .eventAttendantTitle,
.eventAttendants .eventAttendant .eventAttendantContent .eventAttendantMeta { font-size: 28px; line-height: 1.36; color: #fff; }
.eventAttendants .eventAttendant .eventAttendantContent .eventAttendantTitle { font-weight: 600; }
.eventAttendants .eventAttendant .eventAttendantContent .eventAttendantMeta { font-weight: 400; font-style: italic; }

.sectionEvent .sectionFoot { padding-top: 40px; }
.sectionEvent .sectionFoot .sectionActions { text-align: center; }

/* ==========================================================================
	#sectionFeaturesAlt
========================================================================== */
.sectionFeaturesAlt .sectionHead p { font-size: 24px; }
.featuresAlt { font-size: 0; list-style: none outside none; }
.featuresAlt .featureAlt { display: inline-block; width: 33.3%; padding: 30px; vertical-align: top; }
.featuresAlt .featureAlt .featureAltImage { height: 140px; font-size: 0; text-align: center; }
.featuresAlt .featureAlt .featureAltImage:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.featuresAlt .featureAlt .featureAltImage img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.featuresAlt .featureAlt .featureAltContent { text-align: center; }
.featuresAlt .featureAlt .featureAltContent p { font-size: 22px; line-height: 1.55; color: #899090; font-weight: 300; }
.featuresAlt .featureAlt .featureAltContent .featureAltTitle { padding-bottom: 20px; font-size: 20px; line-height: 1.2; color: #2e3131; font-weight: 700; text-transform: uppercase; }

.sectionFeaturesAlt .sectionFoot { padding-top: 30px; text-align: center; }
.sectionFeaturesAlt .sectionFoot p { font-size: 24px; line-height: 1.5; color: #333838; font-weight: 500; }
.sectionFeaturesAlt .sectionFoot .sectionActions { padding-top: 20px; }

/* ==========================================================================
	#sectionTestimonialsAlt
========================================================================== */
.sectionTestimonialsAlt { background: #f8f9fb; }
.testimonialAlt { width: 930px; margin: 0 auto; text-align: center; }
.testimonialAlt .testimonialAltHead { padding-bottom: 40px; }
.testimonialAlt .testimonialAltHead .testimonialAltTitle { font-size: 24px; line-height: 1.5; color: #899090; font-weight: 300; }
.testimonialAlt .testimonialAltHead .testimonialAltTitle a { font-size: inherit; line-height: inherit; color: inherit; }
.testimonialAlt .testimonialAltHead .testimonialAltTitle a:hover { color: #0e91e4; text-decoration: none; }
.testimonialAlt .testimonialAltLogo { display: inline-block; max-width: 100%; padding-bottom: 20px; vertical-align: middle; }
.testimonialAlt .testimonialAltLogo:hover { opacity: .7; text-decoration: none; }
.testimonialAlt .testimonialAltLogo img { max-width: 100%; max-height: 100%; }
.testimonialAlt .testimonialAltBody p { font-size: 24px; line-height: 1.5; color: #575a5a; font-weight: 300; }
.testimonialAlt .testimonialAltFoot { padding-top: 20px; }
.testimonialAlt .testimonialAltFoot .testimonialAltAuthor { font-size: 20px; line-height: 1.2; color: #2e3131; font-weight: 700; text-transform: uppercase; }

/* ==========================================================================
	#sectionWork
========================================================================== */
.sectionWork .sectionBody { padding: 20px 30px; }
.sliderThumbs .slide { width: 100%; }
.sliderThumbs .owl-nav { font-size: 0; text-align: center; }
.sliderThumbs .owl-prev,
.sliderThumbs .owl-next { position: relative; overflow: hidden; display: inline-block; width: 42px; height: 42px; margin: 10px; border: 1px solid #01b4ed; font-size: 0; vertical-align: middle; border-radius: 50%; white-space: nowrap; text-indent: 200%; }
.sliderThumbs .owl-prev:hover,
.sliderThumbs .owl-next:hover { background: #01b4ed; -webkit-box-shadow: 0 0 13px rgba(1, 180, 237, .4); box-shadow: 0 0 13px rgba(1, 180, 237, .4); }
.sliderThumbs .owl-prev:after,
.sliderThumbs .owl-next:after { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -8px; border: 3px solid #737373; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.sliderThumbs .owl-prev:hover:after,
.sliderThumbs .owl-next:hover:after { border-color: #fff; }
.sliderThumbs .owl-prev:after { margin-left: -4px; border-top-width: 0; border-right-width: 0; }
.sliderThumbs .owl-next:after { margin-left: -12px; border-bottom-width: 0; border-left-width: 0; }
.sliderThumbs .owl-nav.disabled .owl-prev,
.sliderThumbs .owl-nav.disabled .owl-next { display: none; }

.thumbsMoving { list-style: none outside none; }
.thumbsMoving .thumbsRow { font-size: 0; }
.thumbsMoving .thumbsRow .thumbsCol { display: inline-block; width: 33.3333333%; height: 380px; padding: 20px; vertical-align: top; }
.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol { width: 20%; height: 340px; }
.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol.thumbsColActive { width: 60%; }
.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol { height: 720px; }
.thumbsMoving .thumbsRow .thumbsCol a { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsImage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsImage img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: auto; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsImage:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, .11); content: ''; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContent { position: absolute; left: 0; z-index: 2; overflow-y: auto; max-width: 100%; max-height: 100%; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContent .thumbsTitle { font-family: 'Raleway', sans-serif; color: #fff; font-weight: 800; text-transform: uppercase; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContent .thumbsMeta { color: #01b4ed; font-weight: 300; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall { bottom: 40px; display: inline-block; max-height: calc(100% - 60px); padding: 10px 20px; background: rgba(9, 12, 17, .9); }
.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol a .thumbsContentSmall { left: -100%; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall .thumbsTitle,
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall .thumbsMeta { font-size: 24px; line-height: 1.25; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge { bottom: 0; padding: 25px; background: rgba(9, 12, 17, .9); opacity: 0; }
.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol.thumbsColActive a .thumbsContentLarge { opacity: 1; -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge p { font-size: 26px; line-height: 1.65; color: #fff; }
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsTitle,
.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsMeta { font-size: 36px; line-height: 1.2; }

/* ==========================================================================
	#sectionTestimonialsWork
========================================================================== */
.sectionTestimonialsWork { background: url(../../img/website/section-testimonials-work-bg.png) repeat 0 0; background-attachment: fixed; }
.sectionTestimonialsWork .sectionHead .sectionTitle { color: #fff; }
.sectionTestimonialsWork .testimonialFoot { padding-top: 0; }
.sectionTestimonialsWork .testimonialFoot:before { display: none; }
.sectionTestimonialsWork .sectionBody .sectionLogo { padding: 0 0 40px; text-align: center; }
.sectionTestimonialsWork .sectionBody .sectionLogo img { max-width: 100%; }

/* ==========================================================================
	#sectionCustomers
========================================================================== */
.sectionCustomers .sectionHead .sectionTitle { padding-bottom: 20px; }
.sectionCustomers .sectionHead .sectionActions { width: 440px; max-width: 100%; margin: 0 auto; }

.sectionCustomers .sectionBody { padding-bottom: 30px; }
.customers { padding-bottom: 20px; font-size: 0; list-style: none outside none; }
.customers .customer { overflow: hidden; display: inline-block; width: 33.33333%; padding: 15px 7px; vertical-align: top; }
.customers .customer .customerImage { float: left; width: 160px; padding-right: 10px; text-align: center; }
.customers .customer .customerImage a { overflow: hidden; display: block; height: 100px; border: 1px solid #e6e5e5; font-size: 0; }
.customers .customer .customerImage a:hover { border-color: #01b4ed; text-decoration: none; -webkit-box-shadow: 0 0 13px rgba(1, 180, 237, .2); box-shadow: 0 0 13px rgba(1, 180, 237, .2); }
.customers .customer .customerImage a:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.customers .customer .customerImage a img { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; }
.customers .customer .customerImage a:hover img { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.customers .customer .customerContent { overflow: hidden; }
.customers .customer .customerMeta { list-style: none outside none; }
.customers .customer .customerMeta li { padding-top: 1px; }
.customers .customer .customerMeta li dl { overflow: hidden; }
.customers .customer .customerMeta li dt,
.customers .customer .customerMeta li dd { font-size: 16px; line-height: 1.5; font-weight: 300; }
.customers .customer .customerMeta li dt { float: left; padding-right: 5px; color: #818080; }
.customers .customer .customerMeta li dd { color: #333; }
.customers .customer .customerMeta li dd strong { font-size: 18px; line-height: 1.33; font-weight: 500; }
.customers .customer .customerMeta li dd a { color: #01b4ed; }
.customers .customer .customerMeta li dd a:hover { color: #0f0f0f; text-decoration: none; }

/* ==========================================================================
	#sectionCaseStudy
========================================================================== */
.articleCaseStudy .articleHead { position: relative; text-align: center; }
.articleCaseStudy .articleHead .articleActions { position: absolute; top: 50%; left: 30px; text-align: left; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.articleCaseStudy .articleHead .articleActions a { position: relative; display: inline-block; font-family: 'ProximaNova Bold', sans-serif; font-size: 20px; line-height: 1.4; color: #01b4ed; font-weight: 400; text-transform: uppercase; }
.articleCaseStudy .articleHead .articleActions a:hover { text-decoration: none; }
.articleCaseStudy .articleHead .articleActions a:before,
.articleCaseStudy .articleHead .articleActions a:after { position: absolute; bottom: 0; height: 2px; background: #01b4ed; content: ''; }
.articleCaseStudy .articleHead .articleActions a:before { right: 0; left: 100%; }
.articleCaseStudy .articleHead .articleActions a:hover:before { left: 50%; }
.articleCaseStudy .articleHead .articleActions a:after { right: 100%; left: 0; }
.articleCaseStudy .articleHead .articleActions a:hover:after { right: 50%; }
.articleCaseStudy .articleHead .articleTitle { font-family: 'ProximaNova Extrabold', sans-serif; font-size: 60px; line-height: 1.4; color: #161717; font-weight: 400; text-transform: uppercase; }
.articleCaseStudy .articleBody { padding-top: 50px; }
.caseMeta { padding-bottom: 50px; font-size: 0; list-style: none outside none; }
.caseMeta li { display: inline-block; width: 50%; padding: 0 10px; vertical-align: top; }
.caseMeta dl { padding: 13px 0 12px; border-bottom: 1px solid #e1e1e1; font-size: 0; }
.caseMeta dt,
.caseMeta dd { display: inline-block; }
.caseMeta dt { min-width: 180px; max-width: 100%; padding: 0 10px; font-size: 20px; line-height: 1.4; color: #5f5f5f; font-weight: 700; text-transform: uppercase; }
.caseMeta dd { max-width: 100%; font-size: 24px; line-height: 1.4; color: #0f0f0f; font-weight: 300; }
.caseMeta dd a { overflow: hidden; display: inline-block; max-width: 100%; color: #1791e4; vertical-align: middle; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
.caseMeta dd a:hover { color: #333; text-decoration: none; }
.articleCaseStudy .articleMain { overflow: hidden; }
.articleCaseStudy .articleMain .articleContent,
.articleCaseStudy .articleMain .articleAside { float: left; width: 50%; padding: 10px; }
.articleCaseStudy .articleSection { padding: 50px 10px 0 0; }
.articleCaseStudy .articleSection:first-of-type { padding-top: 0; }
.articleCaseStudy .articleSection p { font-size: 22px; line-height: 1.73; color: #706e6e; font-weight: 100; text-align: justify; }
.articleCaseStudy .articleSection p img { max-width: 100%; padding: 10px 0; }
.articleCaseStudy .articleSection p img.alignleft { padding-right: 25px; }
.articleCaseStudy .articleSection p img.alignright { padding-left: 25px; }
.articleCaseStudy .articleSection .articleSectionTitle { position: relative; margin-bottom: 10px; font-size: 24px; line-height: 1.6; color: #363434; font-weight: 700; text-transform: uppercase; }
.articleCaseStudy .articleSection .articleSectionTitle:after { position: absolute; bottom: 0; left: 0; width: 50%; height: 1px; background: #01b4ed; content: ''; }
.articleCaseStudy .articleAside { }
.articleCaseStudy .articleAsideMain { position: relative; margin: 10px 8px; }
.articleCaseStudy .articleAsideMain img { max-width: 100%; height: auto; }
.articleCaseStudy .articleAsideMain .articleAsideMainOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(37, 37, 37, .5); font-size: 0; text-align: center; }
.articleCaseStudy .articleAsideMain .articleAsideMainOverlay:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.articleCaseStudy .articleAsideMain .articleAsideMainOverlay .btnPlay { position: relative; overflow: hidden; width: 136px; height: 136px; border: 14px solid #f5fdff; font-size: 0; vertical-align: middle; white-space: nowrap; text-indent: 200%; border-radius: 50%; }
.articleCaseStudy .articleAsideMain .articleAsideMainOverlay .btnPlay:after { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -15px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 40px solid #f5fdff; content: ''; }
.articleCaseStudy .articleAsideThumbs { font-size: 0; list-style: none outside none; }
.articleCaseStudy .articleAsideThumb { display: inline-block; width: 33.3333%; padding: 8px; vertical-align: top; }
.articleCaseStudy .articleAsideThumb a { position: relative; overflow: hidden; display: block; border: 2px solid #dde0e4; font-size: 0; }
.articleCaseStudy .articleAsideThumb a:hover { border-color: #1791e4; text-decoration: none; }
.articleCaseStudy .articleAsideThumb img { max-width: 100%; }
.articleCaseStudy .articleAsideThumb .articleAsideThumbOverlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(37, 37, 37, .5); font-size: 0; text-align: center; opacity: 0; }
.articleCaseStudy .articleAsideThumb a:hover .articleAsideThumbOverlay { opacity: 1; }
.articleCaseStudy .articleAsideThumb .articleAsideThumbOverlay:before { display: inline-block; height: 100%; margin-left: -0.25em; vertical-align: middle; content: ''; }
.articleCaseStudy .articleAsideThumb .articleAsideThumbOverlay .btnView { overflow: hidden; width: 64px; height: 64px; border: 0; background: url(../../img/website/big-eye.png) no-repeat center center; font-size: 0; white-space: nowrap; text-indent: 200%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.articleCaseStudy .articleAsideThumb a:hover .articleAsideThumbOverlay .btnView { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.articleCaseStudy .articleSection a{
	color: #1791e4;
	text-decoration: none;
}
.articleCaseStudy .articleSection a:hover{
    color: #333;
    text-decoration: none;
}

.popupEnlarger .popupContent { padding: 30px; text-align: center; }
.popupEnlarger .popupContent img { max-width: 100%; height: auto; }
.popupEnlarger .popupContent iframe { height: 405px; }

/* ==========================================================================
	#sectionCasesAlt
========================================================================== */
.sectionCasesAlt { background: #f8f9fb; }
.sectionCasesAlt .sectionBody { padding: 0 35px; }
.sliderCases .slide { width: 100%; }
.sliderCases .slideThumb { padding: 15px; }
.sliderCases .slideThumb a { position: relative; overflow: hidden; display: block; height: 340px; }
.sliderCases .slideThumb a:hover { text-decoration: none; }
.sliderCases .slideThumb .slideThumbContent { position: absolute; bottom: 40px; left: 0; z-index: 2; overflow-y: auto; display: inline-block; max-width: 100%; max-height: calc(100% - 60px); padding: 10px 25px; background: rgba(9, 12, 17, .7); }
.sliderCases .slideThumb .slideThumbTitle,
.sliderCases .slideThumb .slideThumbMeta { font-size: 24px; line-height: 1.25; }
.sliderCases .slideThumb .slideThumbTitle { font-family: 'Raleway', sans-serif; color: #fff; font-weight: 800; text-transform: uppercase; }
.sliderCases .slideThumb .slideThumbMeta { color: #01b4ed; font-weight: 300; }
.sliderCases .slideThumb .slideThumbImage { position: relative; z-index: 1; width: 100%; height: 100%; }
.sliderCases .slideThumb .slideThumbImage:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .1); content: ''; }
.sliderCases .slideThumb .slideThumbImage img { display: block; width: 100%; height: auto; min-height: 100%; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.sliderCases .slideThumb a:hover .slideThumbImage img { -webkit-transform: translate(0, -webkit-calc(-100% + 340px)); -ms-transform: translate(0, -ms-calc(-100% + 340px)); -o-transform: translate(0, -o-calc(-100% + 340px)); transform: translate(0, calc(-100% + 340px)); }
.sliderCases .owl-nav { font-size: 0; text-align: center; }
.sliderCases .owl-prev,
.sliderCases .owl-next { position: relative; overflow: hidden; display: inline-block; width: 42px; height: 42px; margin: 10px; border: 1px solid #01b4ed; font-size: 0; vertical-align: middle; border-radius: 50%; white-space: nowrap; text-indent: 200%; }
.sliderCases .owl-prev:hover,
.sliderCases .owl-next:hover { background: #01b4ed; -webkit-box-shadow: 0 0 13px rgba(1, 180, 237, .4); box-shadow: 0 0 13px rgba(1, 180, 237, .4); }
.sliderCases .owl-prev:after,
.sliderCases .owl-next:after { position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -8px; border: 3px solid #737373; content: ''; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.sliderCases .owl-prev:hover:after,
.sliderCases .owl-next:hover:after { border-color: #fff; }
.sliderCases .owl-prev:after { margin-left: -4px; border-top-width: 0; border-right-width: 0; }
.sliderCases .owl-next:after { margin-left: -12px; border-bottom-width: 0; border-left-width: 0; }

/* ==========================================================================
	#Responsive
========================================================================== */
@media only screen and (max-width: 1730px) {
	/* ==========================================================================
		#sectionCaseStudy
	========================================================================== */
	.articleCaseStudy .articleHead .articleActions { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
}

@media only screen and (max-width: 1600px) {
	/* ==========================================================================
		#Intro
	========================================================================== */
	.introWork .introAside { right: 0; }
	.introWork .introContent p { font-size: 32px; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .articleHead .btnPrev,
	.articleBlogPost .articleHead .btnNext { top: -60px; margin: 0; }
	.articleBlogPost .articleFoot .articleActions .btnPrev,
	.articleBlogPost .articleFoot .articleActions .btnNext { top: 40px; }

	/* ==========================================================================
		#sectionOffices
	========================================================================== */
	.office a:hover .officeContent .officeMeta p { font-size: 32px; }
}
@media only screen and (max-width: 1380px) {
	/* ==========================================================================
		#General
	========================================================================== */
	body { min-width: 1180px; }
	.container { width: 100%; margin: 0; }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.introHome .introContent p { font-size: 42px; }
	.introHome .introContent .introTitle { font-size: 52px; }

	/* ==========================================================================
		#sectionGallery
	========================================================================== */
	.sliderEvents { width: 100%; }

	/* ==========================================================================
		#sectionClients
	========================================================================== */
	.countersClients .sectionBody { overflow: hidden; }
	.countersClients .counterImage img { width: 89px; }
	.sliderTestimonials .owl-prev { left: -40px; }
	.sliderTestimonials .owl-next { right: -40px; }

	/* ==========================================================================
		#sectionTeam
	========================================================================== */
	.sectionTeamOpen .sectionBody { min-height: 850px; }
	.sectionTeamOpen .sectionActions a { width: 215px; height: 355px; -webkit-background-size: 215px 205px; background-size: 215px 205px; }
	.sectionTeamOpen .teams .teamPosition1 { -webkit-transform: translate(-120px, -250px); -ms-transform: translate(-120px, -250px); -o-transform: translate(-120px, -250px); transform: translate(-120px, -250px); }
	.sectionTeamOpen .teams .teamPosition2 { -webkit-transform: translate(190px, -160px); -ms-transform: translate(190px, -160px); -o-transform: translate(190px, -160px); transform: translate(190px, -160px); }
	.sectionTeamOpen .teams .teamPosition3 { -webkit-transform: translate(270px, 140px); -ms-transform: translate(270px, 140px); -o-transform: translate(270px, 140px); transform: translate(270px, 140px); }
	.sectionTeamOpen .teams .teamPosition4 { -webkit-transform: translate(-40px, 300px); -ms-transform: translate(-40px, 300px); -o-transform: translate(-40px, 300px); transform: translate(-40px, 300px); }
	.sectionTeamOpen .teams .teamPosition5 { -webkit-transform: translate(-355px, 105px); -ms-transform: translate(-355px, 105px); -o-transform: translate(-355px, 105px); transform: translate(-355px, 105px); }

	/* ==========================================================================
		#introBrands
	========================================================================== */
	.introBrands { padding-top: 110px; background-position: -340px -280px; }
	.introBrands .introBody { padding-top: 100px; }
	.tabsBrands .tabsNav .tabLinkVevs { -webkit-transform: translate(-460px, 0) scale(.9); -ms-transform: translate(-460px, 0) scale(.9); -o-transform: translate(-460px, 0) scale(.9); transform: translate(-460px, 0) scale(.9); }
	.tabsBrands .tabsNav .current .tabLinkVevs,
	.tabsBrands .tabsNav .tabLinkVevs:hover { -webkit-transform: translate(-460px, 0) scale(1.1); -ms-transform: translate(-460px, 0) scale(1.1); -o-transform: translate(-460px, 0) scale(1.1); transform: translate(-460px, 0) scale(1.1); }
	.tabsBrands .tabsNav .tabLinkBrolmo { -webkit-transform: translate(440px, 0) scale(.9); -ms-transform: translate(440px, 0) scale(.9); -o-transform: translate(440px, 0) scale(.9); transform: translate(440px, 0) scale(.9); }
	.tabsBrands .tabsNav .current .tabLinkBrolmo,
	.tabsBrands .tabsNav .tabLinkBrolmo:hover { -webkit-transform: translate(440px, 0) scale(1.1); -ms-transform: translate(440px, 0) scale(1.1); -o-transform: translate(440px, 0) scale(1.1); transform: translate(440px, 0) scale(1.1); }

	/* ==========================================================================
		#sectionBlogs
	========================================================================== */
	.articleExcerptContent .articleExcerptTitle { font-size: 28px; }
	.articleExcerptContent .articleExcerptParagraph { line-height: 1.5; }
	.articleExcerptContent .articleExcerptInner { padding: 0 20px; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .articleFoot .articleActions .btnPrev { left: 10px; }
	.articleBlogPost .articleFoot .articleActions .btnNext { right: 10px; }

	/* ==========================================================================
		#sectionContacts
	========================================================================== */
	.listContacts p { font-size: 24px; }
	.listContacts p span { font-size: 20px; }
	.listContacts p a { font-size: 19px; }

	/* ==========================================================================
		#sectionContact
	========================================================================== */
	.sectionContact .formContact .formAside { display: none; }

	/* ==========================================================================
		#sectionOffices
	========================================================================== */
	.office { height: 520px; }
	.office a:hover .officeContent .officeMeta p { font-size: 28px; }

	/* ==========================================================================
		#sectionAboutBrands
	========================================================================== */
	.brandsArticles .brandArticle { padding: 10px; }

	/* ==========================================================================
		#sectionCasesAlt
	========================================================================== */
	.sectionCasesAlt .sectionBody { padding: 0; }
}

@media only screen and (max-width: 1180px) {
	/* ==========================================================================
		#General
	========================================================================== */
	body { min-width: 100%; }
	.shell { width: 98%; }

	/* ==========================================================================
		#Header
	========================================================================== */
	.nav li { padding: 0 15px; }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.intro .introContent { width: 100%; }
	.intro .introContent p { font-size: 32px; }
	.intro .introContent .introTitle { font-size: 74px; }

	/* ==========================================================================
		#sectionNews
	========================================================================== */
	.sliderNews .owl-prev { left: -25px; }
	.sliderNews .owl-next { right: -25px; }

	/* ==========================================================================
		#sectionTeam
	========================================================================== */
	.sectionTeam .sectionBody,
	.sectionTeamOpen .sectionBody { height: auto; min-height: 1px; }
	.sectionTeam .sectionActions { display: none; }
	.teams { display: block; }
	.teams,
	.teams .team,
	.members,
	.members .member { position: static; }
	.teams,
	.members { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
	.sectionTeamOpen .teams .team,
	.sectionTeamOpen .teams .team .member { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

	.teams .team { padding-bottom: 30px; }
	.teams .teamTitle { padding-bottom: 10px; text-align: center; }
	.members { padding: 0 30px; font-size: 0; text-align: center; }
	.members .member { display: inline-block; margin: 0; padding: 10px; }
	.members .member a { width: auto; height: auto; border-radius: 0; border: 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
	.teams .team:hover .members .member a { -webkit-box-shadow: none; box-shadow: none; }
	.members .member a .memberImage { overflow: hidden; width: 144px; height: 144px; margin: 0 auto; border: 4px solid rgba(0, 0, 0, .15); border-radius: 50%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
	.members .member a:hover .memberImage { border-color: #01b4ed; -webkit-box-shadow: 0 0 29px rgba(1, 180, 237, .3); box-shadow: 0 0 29px rgba(1, 180, 237, .3); }

	.members .member a .memberContent { position: static; padding-top: 10px; background: none; opacity: 1; border-radius: 0; }
	.members .member a .memberContent .memberTitle,
	.members .member a:hover .memberContent .memberTitle { font-size: 22px; line-height: 1; color: #161717; font-weight: 700; text-transform: capitalize; text-shadow: none; }
	.members .member a .memberContent .memberMeta,
	.members .member a:hover .memberContent .memberMeta { padding: 0; font-size: 18px; color: #0e91e4; font-weight: 600; text-transform: capitalize; }

	/* ==========================================================================
		#introBrands
	========================================================================== */
	.introBrands { background-position: -450px -360px; }
	.introBrands .introBody { padding-top: 50px; }
	.tabsBrands .tabsNav { height: 400px; }
	.tabsBrands .tabsNav .tabLinkVevs { -webkit-transform: translate(-380px, 0) scale(.7); -ms-transform: translate(-380px, 0) scale(.7); -o-transform: translate(-380px, 0) scale(.7); transform: translate(-380px, 0) scale(.7); }
	.tabsBrands .tabsNav .current .tabLinkVevs,
	.tabsBrands .tabsNav .tabLinkVevs:hover { -webkit-transform: translate(-380px, 0) scale(.9); -ms-transform: translate(-380px, 0) scale(.9); -o-transform: translate(-380px, 0) scale(.9); transform: translate(-380px, 0) scale(.9); }
	.tabsBrands .tabsNav .tabLinkBrolmo { -webkit-transform: translate(350px, 0) scale(.7); -ms-transform: translate(350px, 0) scale(.7); -o-transform: translate(350px, 0) scale(.7); transform: translate(350px, 0) scale(.7); }
	.tabsBrands .tabsNav .current .tabLinkBrolmo,
	.tabsBrands .tabsNav .tabLinkBrolmo:hover { -webkit-transform: translate(350px, 0) scale(.9); -ms-transform: translate(350px, 0) scale(.9); -o-transform: translate(350px, 0) scale(.9); transform: translate(350px, 0) scale(.9); }

	.tabsBrands .tabsNav .tabLinkPhpJabbers { -webkit-transform: translate(0, -135px) scale(.7); -ms-transform: translate(0, -135px) scale(.7); -o-transform: translate(0, -135px) scale(.7); transform: translate(0, -135px) scale(.7); }
	.tabsBrands .tabsNav .current .tabLinkPhpJabbers,
	.tabsBrands .tabsNav .tabLinkPhpJabbers:hover { -webkit-transform: translate(0, -135px) scale(.9); -ms-transform: translate(0, -135px) scale(.9); -o-transform: translate(0, -135px) scale(.9); transform: translate(0, -135px) scale(.9); }

	.tabsBrands .tabsNav .tabLinkGeekyCorner { -webkit-transform: translate(0, 125px) scale(.7); -ms-transform: translate(0, 125px) scale(.7); -o-transform: translate(0, 125px) scale(.7); transform: translate(0, 125px) scale(.7); }
	.tabsBrands .tabsNav .current .tabLinkGeekyCorner,
	.tabsBrands .tabsNav .tabLinkGeekyCorner:hover { -webkit-transform: translate(0, 125px) scale(.9); -ms-transform: translate(0, 125px) scale(.9); -o-transform: translate(0, 125px) scale(.9); transform: translate(0, 125px) scale(.9); }

	.tabsBrands .tabsBody { padding-top: 20px; }
	.intro .introContent p { font-size: 22px; line-height: 1.5; font-weight: 400; }
	.tabsBrands .brandAltContent { width: 100%; padding: 0 10px; }
	.tabsBrands .brandAltContent p a { font-size: 34px; }

	/* ==========================================================================
		#sectionBlogs
	========================================================================== */
	.articleExcerptContent .articleExcerptInner { max-height: 297px; }
	.articleExcerptContent .articleExcerptMeta span { padding: 0 5px; font-size: 16px; }
	.articleExcerptContent .articleExcerptMeta .articleExcerptBadge { padding: 0 10px; font-size: 15px; font-weight: 400; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .articleHead .articleTitle { font-family: 'ProximaNova Bold', sans-serif; font-size: 48px; }

	/* ==========================================================================
		#sectionContact
	========================================================================== */
	.sectionContact .formContact { width: 100%; }

	/* ==========================================================================
		#sectionOffices
	========================================================================== */
	.office { height: 480px; }
	.office a:hover .officeContent .officeMeta p { font-size: 24px; }

	/* ==========================================================================
		#sectionFeaturesAlt
	========================================================================== */
	.sectionFeaturesAlt .sectionHead p { font-size: 18px; }
	.section .sectionHead .sectionTitle { padding-bottom: 10px; }
	.featuresAlt .featureAlt { padding: 10px; }

	/* ==========================================================================
		#sectionWork
	========================================================================== */
	.sectionWork .sectionBody { padding: 10px 0; }
	.thumbsMoving .thumbsRow .thumbsCol { height: 300px; padding: 10px; }
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol { height: 260px; }
	.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol { height: 540px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall .thumbsTitle,
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall .thumbsMeta { font-size: 16px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall .thumbsTitle { font-weight: 600; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall .thumbsMeta { font-weight: 400; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge p { font-size: 16px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsTitle,
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsMeta { font-size: 28px; }

	/* ==========================================================================
		#sectionCustomers
	========================================================================== */
	.customers .customer { width: 50%; }
	.customers .customer .customerContent { padding-top: 15px; }

	/* ==========================================================================
		#articleCaseStudy
	========================================================================== */
	.articleCaseStudy .articleHead .articleTitle { font-size: 48px; font-family: 'ProximaNova Bold', sans-serif; }
	
	.caseMeta dt { padding: 0; }
}

@media only screen and (max-width: 990px) {
	/* ==========================================================================
		#Header
	========================================================================== */
	#header,
	#header.headerFixed { padding-left: 10px; }
	.nav li { padding: 0 10px; }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.introHome .introContent p { font-size: 28px; font-weight: 400; }
	.introHome .introContent .introTitle { font-size: 38px; }

	.introWork .introAside { display: none; }

	/* ==========================================================================
		#Sections
	========================================================================== */
	.section { padding: 20px 0; }

	/* ==========================================================================
		#sectionAbout
	========================================================================== */
	.sectionAbout .sectionHead .sectionTitle { padding-bottom: 10px; }
	.sectionAbout .sectionHead .sectionImage { padding-bottom: 20px; }
	.sectionAbout .sectionBody { padding-top: 0; }
	.sectionAbout .sectionHead p { font-size: 24px; line-height: 1.4; font-weight: 400; }
	.sectionAbout .sectionHead p br { display: none; }
	.features { text-align: center; }
	.feature { width: 50%; }

	/* ==========================================================================
		#sectionCounters
	========================================================================== */
	.sectionCounters { height: auto; }
	.counters { text-align: center; }
	.counters:after { display: none; }

	/* ==========================================================================
		#sectionBrands
	========================================================================== */
	.brand .brandOverlay { padding: 10px; }

	/* ==========================================================================
		#sectionNews
	========================================================================== */
	.sectionNews .sectionHead .sectionTitle { padding-bottom: 0; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }
	.sliderNews { padding-bottom: 40px; }
	.sliderNews .slides { width: 100%; }
	.sliderNews .owl-prev,
	.sliderNews .owl-next { display: none !important; }
	.sliderNews .owl-dots { display: block !important; }

	/* ==========================================================================
		#sectionSubscribe
	========================================================================== */
	.sectionSubscribe .sectionAside { display: none; }

	/* ==========================================================================
		#sectionClients
	========================================================================== */
	.sectionClients .countersClients { padding-bottom: 60px; }
	.countersClients .counterContent p { font-family: 'Catamaran', sans-serif; font-size: 15px; font-weight: 400; }
	.countersClients .counterContent p strong { font-family: 'ProximaNova Bold', sans-serif; font-size: 24px; }

	.sliderTestimonials { width: calc(100% - 120px); }
	.sliderTestimonials .owl-prev,
	.sliderTestimonials .owl-next { margin-top: -70px; }

	/* ==========================================================================
		#sectionTeam
	========================================================================== */
	.sectionTeam .sectionHead p { font-size: 18px; font-weight: 400; }
	.sectionTeam .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }
	.teams .teamTitle { font-size: 28px; }

	/* ==========================================================================
		#sectionTimeline
	========================================================================== */
	.sectionTimeline .sectionHead p { font-size: 22px; font-weight: 400; }
	.sectionTimeline .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }
	.event { width: 100%; }

	/* ==========================================================================
		#introBrands
	========================================================================== */
	.intro.introBrands { padding-bottom: 30px; }
	.introBrands { background-position: -550px -430px; }
	.tabsBrands .tabsNav:before { right: 15%; left: 15%; }
	.tabsBrands .tabsNav .tabLinkVevs { -webkit-transform: translate(-260px, 0) scale(.7); -ms-transform: translate(-260px, 0) scale(.7); -o-transform: translate(-260px, 0) scale(.7); transform: translate(-260px, 0) scale(.7); }
	.tabsBrands .tabsNav .current .tabLinkVevs,
	.tabsBrands .tabsNav .tabLinkVevs:hover { -webkit-transform: translate(-260px, 0) scale(.9); -ms-transform: translate(-260px, 0) scale(.9); -o-transform: translate(-260px, 0) scale(.9); transform: translate(-260px, 0) scale(.9); }
	.tabsBrands .tabsNav .tabLinkBrolmo { -webkit-transform: translate(255px, 0) scale(.7); -ms-transform: translate(255px, 0) scale(.7); -o-transform: translate(255px, 0) scale(.7); transform: translate(255px, 0) scale(.7); }
	.tabsBrands .tabsNav .current .tabLinkBrolmo,
	.tabsBrands .tabsNav .tabLinkBrolmo:hover { -webkit-transform: translate(255px, 0) scale(.9); -ms-transform: translate(255px, 0) scale(.9); -o-transform: translate(255px, 0) scale(.9); transform: translate(255px, 0) scale(.9); }

	/* ==========================================================================
		#sectionPartners
	========================================================================== */
	.sectionPartners .sectionHead p { font-size: 20px; font-weight: 500; }
	.sectionPartners .sectionHead p br { display: none; }
	.sectionPartners .sectionBody { padding-top: 10px; }
	.partners { overflow: hidden; }
	.partner { width: 33.3%; }

	/* ==========================================================================
		#sectionBlogs
	========================================================================== */
	.sectionBlogs { padding-top: 0 !important; }
	.articleExcerpt { width: 50%; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.sectionBlogInner { padding-top: 50px; }
	.articleBlogPost .articleHead { padding-bottom: 20px; }
	.articleBlogPost .articleBody p { padding: 10px 0; }

	/* ==========================================================================
		#sectionContacts
	========================================================================== */
	.listContacts { text-align: center; }
	.listContacts:after { display: none; }
	.listContacts .contactImage { width: 120px; }
	.listContacts p { font-size: 18px; }
	.listContacts p span { padding-bottom: 0; font-size: 16px; }
	.listContacts p a { font-size: 15px; font-weight: 500; }

	/* ==========================================================================
		#sectionOffices
	========================================================================== */
	.sectionOffices { padding-bottom: 0; }
	.sectionOffices .sectionHead .sectionTitle { padding: 10px 0 0; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }
	.officeContent .officeTitle { font-size: 38px; }
	.office a:hover .officeContent .officeMetaImage { padding: 20px 0; }
	.office a:hover .officeContent .officeMeta p { font-size: 18px; }

	/* ==========================================================================
		#sectionAboutBrands
	========================================================================== */
	.brandsArticles .brandArticle { width: 50%; }

	/* ==========================================================================
		#sectionEventHosting
	========================================================================== */
	.eventAttendants .eventAttendant { padding: 10px; }

	/* ==========================================================================
		#sectionFeaturesAlt
	========================================================================== */
	.featuresAlt .featureAlt { width: 50%; }

	/* ==========================================================================
		#sectionTestimonialsAlt
	========================================================================== */
	.testimonialAlt { width: 100%; }

	/* ==========================================================================
		#sectionWork
	========================================================================== */
	.thumbsMoving .thumbsRow .thumbsCol { height: 260px; padding: 10px 5px; }
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol { height: 200px; }
	.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol { height: 440px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentSmall { bottom: 10px; max-height: calc(100% - 20px); padding: 10px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge { padding: 15px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge p { font-size: 15px; line-height: 1.4; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsTitle,
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsMeta { font-size: 24px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsTitle { font-weight: 700; }

	/* ==========================================================================
		#sectionCustomers
	========================================================================== */
	.customers .customer .customerContent { padding-top: 5px; }

	/* ==========================================================================
		#articleCaseStudy
	========================================================================== */
	.articleCaseStudy .articleMain .articleContent,
	.articleCaseStudy .articleMain .articleAside { float: none; }
	.articleCaseStudy .articleMain .articleContent { width: 100%; }
	.articleCaseStudy .articleMain .articleAside { width: 60%; margin: 0 auto; }
	.articleCaseStudy .articleAsideMain img,
	.articleCaseStudy .articleAsideThumb img { width: 100%; }
}

@media only screen and (max-width: 890px) {
	/* ==========================================================================
		#Header
	========================================================================== */
	.nav li { padding: 3px 5px 0; }
	.nav a { font-size: 18px; }

	/* ==========================================================================
		#sectionCustomers
	========================================================================== */
	.customers .customer .customerContent { padding-top: 0; }

	/* ==========================================================================
		#articleCaseStudy
	========================================================================== */
	.articleCaseStudy .articleBody { padding-top: 10px; }
	.articleCaseStudy .articleHead .articleTitle { font-size: 32px; }
	.articleCaseStudy .articleHead .articleActions { padding-bottom: 5px; }
	.articleCaseStudy .articleHead .articleActions a { font-size: 16px; line-height: 1.2; }
	.caseMeta li { width: 100%; }

	.articleCaseStudy .articleMain .articleAside { width: 75%; }
}

@media only screen and (max-width: 768px) {
	/* ==========================================================================
		#Header
	========================================================================== */
	#header,
	#header.headerFixed { padding: 10px 0 0; background: #0f0f0f; }
	.logo { margin: 0 0 10px 10px; }
	.nav { position: relative; width: 100%; padding: 0; }
	.nav:before { position: absolute; top: -48px; right: 10px; width: 38px; height: 38px; background: #01b4ed url(../../img/website/menu-dropdown.png) no-repeat center center; cursor: pointer; content: ''; border-radius: 6px; }
	.nav.navOpen:before { background-color: #a1d132; }
	.nav ul { overflow: hidden; display: none; padding: 5px 0; background: #0f0f0f; }
	.nav li,
	.nav a { display: block; width: 100%; }
	.nav li { padding: 1px 0; }
	.nav a { padding: 3px 10px 0; font-size: 20px; }
	.nav a:hover,
	.nav .current a { background: #01b4ed; color: #fff; -webkit-animation-name: none; animation-name: none; }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.intro { padding: 60px 0 85px; }
	.introHome { min-height: 320px; }
	.introHome .introImage { top: 50%; width: 100%; padding-top: 30px; text-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
	.introHome .introImage img { max-width: 100%; }
	.introHome .introContent { padding-bottom: 0; vertical-align: middle; }
	.introHome .introContent .introTitle { font-family: 'ProximaNova Bold', sans-serif; font-size: 34px; }
	.introHome .introActions { padding: 0 0 5px; }

	/* ==========================================================================
		#sectionCounters
	========================================================================== */
	.counters .counter { padding: 10px; }

	/* ==========================================================================
		#sectionBrands
	========================================================================== */
	.brand a .brandEntry { border-color: rgba(0, 0, 0, .7); }
	.brand a .brandImage img { opacity: 1; -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); }
	.brand a .brandOverlay { opacity: 1; }
	.brand a .brandOverlay p { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -ms-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }

	/* ==========================================================================
		#sectionNews
	========================================================================== */
	.newsArticleExcerpt .articleHead .articleTitle { font-size: 28px; font-weight: 600; }
	.newsArticleExcerpt .articleBody p { font-size: 19px; line-height: 1.6; font-weight: 400; }

	/* ==========================================================================
		#sectionGallery
	========================================================================== */
	.sliderEvents { padding: 0 0 110px; }
	.sliderEvents:after { display: none; }
	.sliderEvents .sliderClip { padding: 0; border: 15px solid #555653; }
	.sliderEvents .sliderClip:before,
	.sliderEvents .sliderClip:after { display: none; }
	.sliderEvents .slideImage { margin: 0; }
	.sliderEvents .owl-dots { display: block !important; }

	/* ==========================================================================
		#sectionClients
	========================================================================== */
	.sectionClients .sectionHead p { font-size: 18px; font-weight: 400; }
	.sectionClients .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 44px; }
	.sectionClients .countersClients { padding-bottom: 30px; }
	.countersClients { text-align: center; }
	.countersClients:after { display: none; }
	.countersClients .counter { padding: 10px; }

	.testimonialBody { padding-bottom: 20px; }
	.testimonialBody p { font-size: 18px; }
	.testimonialFoot { padding-top: 10px; }

	/* ==========================================================================
		#sectionTeam
	========================================================================== */
	.members { padding: 0; }

	/* ==========================================================================
		#sectionTimeline
	========================================================================== */
	.tabsEvents .tabsNav ul { padding: 0; }
	.tabsEvents .tabsNav ul:before { right: 0; left: 25px; }

	/* ==========================================================================
		#introBrands
	========================================================================== */
	.intro.introBrands { height: auto; }
	.introBrands { background-position: 0 0; }
	.tabsBrands .tabsNav { height: auto; }
	.tabsBrands .tabsNav:before { display: none; }
	.tabsBrands .tabsNav li { position: static; padding: 10px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	.tabsBrands .tabsNav a,
	.tabsBrands .tabsNav .current a,
	.tabsBrands .tabsNav a:hover { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; }
	.tabsBrands .tabsNav .tabLinkPhpJabbers { width: 263px; height: 52px; -webkit-background-size: 261.5px 116.5px; background-size: 261.5px 116.5px; }
	.tabsBrands .tabsNav .tabLinkBrolmo { width: 149px; height: 36px; -webkit-background-size: 148px 82px; background-size: 148px 82px; }
	.tabsBrands .tabsNav .tabLinkGeekyCorner { width: 240px; height: 57px; -webkit-background-size: 238.5px 127.5px; background-size: 238.5px 127.5px; }
	.tabsBrands .tabsNav .tabLinkVevs { width: 119px; height: 36px; -webkit-background-size: 117.5px 81px; background-size: 117.5px 81px; }

	/* ==========================================================================
		#sectionPartners
	========================================================================== */
	.partner { width: 50%; }

	/* ==========================================================================
		#sectionBlogs
	========================================================================== */
	.sectionBlogs .paging .btnPrev { left: 15px; }
	.sectionBlogs .paging .btnNext { right: 15px; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .articleHead .articleTitle { font-size: 38px; }
	.articleBlogPost .articleHead .articleMeta li { font-size: 18px; font-weight: 400; }
	.articleBlogPost .articleBody { padding-bottom: 20px; }
	.articleBlogPost .articleBody p { font-size: 18px; line-height: 1.5; font-weight: 400; }

	.formComments .formCols:last-of-type .formCol1of2 { width: 100%; }

	/* ==========================================================================
		#sectionContact
	========================================================================== */
	.sectionContact .sectionHead { padding-bottom: 0; }
	.sectionContact .sectionHead .sectionTitle { padding-bottom: 0; font-family: 'ProximaNova Bold', sans-serif; font-size: 44px; }

	/* ==========================================================================
		#sectionOffices
	========================================================================== */
	.office { width: 100%; height: 240px; }
	.office a .officeContent { background: rgba(0, 0, 0, .5); }
	.office a .officeContent .officeMeta p,
	.office a:hover .officeContent .officeMeta p { font-size: 24px; }
	.office a .officeContent .officeMetaImage { max-height: 9999px; padding: 10px 0; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

	/* ==========================================================================
		#sectionEvent
	========================================================================== */
	.sectionEvent .sectionHead .sectionTitle { padding-bottom: 15px; font-size: 44px; }
	.sectionEvent .sectionHead .sectionEventMeta dt,
	.sectionEvent .sectionHead .sectionEventMeta dd { font-size: 24px; font-weight: 400; }

	.eventAttendants .eventAttendant,
	.eventAttendants .eventAttendant:nth-child(odd),
	.eventAttendants .eventAttendant:nth-child(even) { width: 100%; padding: 10px 0; text-align: center; }
	.eventAttendants .eventAttendant:nth-child(odd) .eventAttendantImage,
	.eventAttendants .eventAttendant:nth-child(even) .eventAttendantImage { display: inline-block; float: none; margin: 0; }
	.eventAttendants .eventAttendant .eventAttendantContent { padding-top: 10px; }
	.sectionEvent .sectionFoot { padding-top: 15px; }

	/* ==========================================================================
		#sectionFeaturesAlt
	========================================================================== */
	.section .sectionHead .sectionTitle { font-size: 44px; }
	.featuresAlt .featureAlt .featureAltContent .featureAltTitle { padding-bottom: 5px; }
	.sectionFeaturesAlt .sectionFoot p br { display: none; }

	/* ==========================================================================
		#sectionTestimonialsAlt
	========================================================================== */
	.testimonialAlt .testimonialAltHead .testimonialAltTitle br { display: none; }

	/* ==========================================================================
		#sectionWork
	========================================================================== */
	.sectionWork .sectionHead { padding-right: 5px; padding-left: 5px; }
	.sectionWork .sectionHead p { font-size: 18px; font-weight: 400; }
	.thumbsMoving .thumbsRow { display: inline; }
	.thumbsMoving .thumbsRow .thumbsCol,
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol,
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol.thumbsColActive,
	.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol { width: 50%; height: 260px; }
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol a .thumbsContentSmall { left: 0; }
	.thumbsMoving .thumbsRow .thumbsCol a:hover .thumbsContentSmall { left: -100%; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsTitle { font-weight: 600; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsMeta { font-size: 18px; }
	.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol.thumbsColActive a .thumbsContentLarge { opacity: 1; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

	/* ==========================================================================
		#sectionTestimonialsWork
	========================================================================== */
	.sectionTestimonialsWork .sectionBody .sectionLogo { display: none; }

	/* ==========================================================================
		#sectionCustomers
	========================================================================== */
	.customers .customer { width: 100%; }
	.customers .customer .customerContent { padding-top: 15px; }
}

@media only screen and (max-width: 640px) {
	/* ==========================================================================
		#Forms
	========================================================================== */
	.formCol1of2 { width: 100%; }
	.form .formRowCaptcha .field { padding-left: 10px; }
	/*.form .formRowCaptcha img { top: 3px; }*/

	/* ==========================================================================
		#Intro
	========================================================================== */
	.intro { height: 360px; min-height: 360px; padding-bottom: 20px; }
	.intro .introContent p { font-size: 24px; }
	.intro .introContent .introTitle { font-size: 58px; }
	.intro .introLogo { display: none; }

	.introHome .introContent p { font-size: 22px; }
	.introHome .introContent .introTitle { font-size: 26px; }

	.introHostings .introContent .introTitle { padding: 10px 0; font-size: 42px; }

	/* ==========================================================================
		#sectionAbout
	========================================================================== */
	.sectionAbout .sectionHead .sectionTitle { font-size: 38px; }
	.sectionAbout .sectionHead p { font-size: 18px; }
	.feature { width: 100%; padding-top: 0; }

	/* ==========================================================================
		#sectionBrands
	========================================================================== */
	.sectionBrands .sectionHead p { font-size: 18px; font-weight: 400; }
	.sectionBrands .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }
	.brand { width: 100%; }
	.brand,
	.brand:nth-child(odd),
	.brand:nth-child(even) { padding: 10px 0; }

	/* ==========================================================================
		#sectionSubscribe
	========================================================================== */
	.sectionSubscribe .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }
	.sectionSubscribe .sectionHead p { font-size: 18px; font-weight: 400; }
	.sectionSubscribe .sectionInner { width: 100%; }
	.formSubscribe .socials { padding-top: 10px; }

	/* ==========================================================================
		#sectionGallery
	========================================================================== */
	.sectionGallery .sectionHead p { font-size: 18px; font-weight: 400; }
	.sectionGallery .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 44px; }

	/* ==========================================================================
		#sectionClients
	========================================================================== */
	.sliderTestimonials { padding-bottom: 20px; width: 100%; }
	.sliderTestimonials .owl-prev,
	.sliderTestimonials .owl-next { display: none !important; }
	.sliderTestimonials .owl-dots { display: block !important; }

	/* ==========================================================================
		#sectionTeam
	========================================================================== */
	.members .member a .memberImage { width: 120px; height: 120px; }
	.members .member a .memberContent .memberTitle,
	.members .member a:hover .memberContent .memberTitle { font-size: 18px; font-weight: 600; }
	.members .member a .memberContent .memberMeta,
	.members .member a:hover .memberContent .memberMeta { font-size: 14px; font-weight: 500; }

	/* ==========================================================================
		#sectionTimeline
	========================================================================== */
	.sectionTimeline .sectionHead p { font-size: 18px; }
	.event p { font-size: 15px; font-weight: 400; }
	.event .eventMeta { font-size: 18px; font-weight: 400; }
	.event .eventTitle { padding-bottom: 10px; font-size: 24px; font-weight: 500; }
	.tabsEvents .tabsNav ul:before { right: 10px; left: 15px; }
	.tabsEvents .tabsNav li { padding: 0 2px; }
	.tabsEvents .tabsNav .tabsNavShuttle[style^="left: 100%;"] { margin-left: -55px; }

	/* ==========================================================================
		#sectionPartners
	========================================================================== */
	.sectionPartners .sectionHead .sectionTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 38px; }

	/* ==========================================================================
		#sectionBlogs
	========================================================================== */
	.articleExcerpt { width: 100%; }
	.articleExcerpt a { height: auto; }
	.articleExcerptImage { height: 160px; }
	.articleExcerptContent { padding: 15px 0; }
	.articleExcerptContent .articleExcerptInner,
	.articleExcerptContent .articleExcerptTitle { max-height: 9999px; }
	.articleExcerptContent .articleExcerptInner { padding: 0 10px; }
	.articleExcerptContent .articleExcerptMeta { padding-bottom: 10px; }
	.articleExcerptContent .articleExcerptTitle { padding-bottom: 10px; font-size: 24px; }
	.articleExcerptContent .articleExcerptParagraph { font-size: 17px; font-weight: 400; }

	.sectionBlogs .paging ul { display: none; }

	.introBlogs .introContent p { font-size: 22px; }
	.introBlogs .introContent p br { display: none; }
	.introBlogs .introActions { padding-top: 5px; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .articleFoot .articleActions { overflow: hidden; }
	.articleBlogPost .articleFoot .articleActions .btnPrev,
	.articleBlogPost .articleFoot .articleActions .btnNext { position: static; }
	.articleBlogPost .articleFoot .articleActions .btnPrev { float: left; }
	.articleBlogPost .articleFoot .articleActions .btnNext { float: right; }
	.articleBlogPost .articleFoot .socials { overflow: hidden; width: 100%; padding-top: 10px; }

	/* ==========================================================================
		#sectionError
	========================================================================== */
	.sectionError .sectionImage { margin: 0; }

	/* ==========================================================================
		#formApply
	========================================================================== */
	.formApply .formActions { text-align: left; }

	/* ==========================================================================
		#sectionAboutBrands
	========================================================================== */
	.sectionAboutBrands .sectionHead .sectionTitle { padding-bottom: 0; font-size: 42px; }
	.brandsArticles .brandArticle { width: 100%; }
	.brandsArticles .brandArticle .brandArticleLogo { height: auto; padding-bottom: 5px; text-align: left; }
	.brandsArticles .brandArticle .brandArticleLogo:hover { -webkit-animation-name: none; -o-animation-name: none; animation-name: none; }
	.brandsArticles .brandArticle .listBulletsBlue { padding-top: 5px; }
	.brandsArticles .brandArticle p { font-size: 18px; line-height: 1.4; font-weight: 400; }
	.listBulletsBlue li { font-size: 18px; }

	/* ==========================================================================
		#sectionFeaturesAlt
	========================================================================== */
	.featuresAlt .featureAlt { width: 100%; padding: 10px 0; }

	/* ==========================================================================
		#sectionTestimonialsAlt
	========================================================================== */
	.testimonialAlt .testimonialAltHead { padding-bottom: 10px; }
	.testimonialAlt .testimonialAltHead .testimonialAltTitle { font-size: 20px; font-weight: 400; }
	.testimonialAlt .testimonialAltBody p { font-size: 18px; font-weight: 400; }

	/* ==========================================================================
		#sectionWork
	========================================================================== */
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge { padding: 5px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge p { font-size: 15px; line-height: 1.4; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsTitle { font-size: 18px; }
	.thumbsMoving .thumbsRow .thumbsCol a .thumbsContentLarge .thumbsMeta { font-size: 16px; }

	/* ==========================================================================
		#popupEnlarger
	========================================================================== */
	.popupEnlarger .popupContent iframe { height: 290px; }

	/* ==========================================================================
		#articleCaseStudy
	========================================================================== */
	.articleCaseStudy .articleMain .articleAside { width: 100%; }
}

@media only screen and (max-width: 480px) {
	/* ==========================================================================
		#Forms
	========================================================================== */
	.listErrors { padding: 20px 0; }
	.listErrors li { padding-right: 0; font-size: 16px; }

	/* ==========================================================================
		#sectionSubscribe
	========================================================================== */
	.formSubscribe .formContent .formRow { padding-left: 0; }
	.formSubscribe .formActions { width: 130px; }
	.formSubscribe .formActions .btn { padding: 0 15px; }
	.formSubscribe .socials .socialsTitle { padding-bottom: 10px; font-family: 'ProximaNova Bold', sans-serif; font-size: 18px; }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.intro .introContent p { font-size: 18px; font-weight: 400; }
	.intro .introContent .introTitle { font-family: 'ProximaNova Bold', sans-serif; font-size: 44px; }

	/* ==========================================================================
		#sectionTimeline
	========================================================================== */
	.tabsEvents .tabsHead { padding-top: 0; }
	.tabsEvents .tabsNav { margin: 0; }
	.tabsEvents .tabsNav ul { margin: 0; text-align: center; }
	.tabsEvents .tabsNav ul:before { display: none; }
	.tabsEvents .tabsNav ul:after { display: none; }
	.tabsEvents .tabsNav li { position: static; min-width: 1px; padding: 5px; }
	.tabsEvents .tabsNav li:last-of-type { margin: 0; }
	.tabsEvents .tabsNav a { padding-bottom: 0; }
	.tabsEvents .tabsNav a:before { top: 5px; }
	.tabsEvents .tabsNav .tabsNavShuttle { display: none; }
	.tabsEvents .tabsNav .current a:before,
	.tabsEvents .tabsNav a:hover:before { background: #01b4ed; }
	.tabsEvents .tabsNav .current a:before { -webkit-box-shadow: 0 0 0 3px rgba(1, 180, 237, .3); box-shadow: 0 0 0 3px rgba(1, 180, 237, .3); }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.intro .introContent p br { display: none; }
	.tabsBrands .tabsBody { padding-top: 0; }
	.tabsBrands .introContent p { padding-bottom: 0; font-size: 16px; }
	.tabsBrands .brandAltContent p a { font-size: 26px; }
	
	/* ==========================================================================
		#sectionPartners
	========================================================================== */
	.partner { width: 100%; height: auto; margin: 0; padding: 10px 0; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .btnPrev,
	.articleBlogPost .btnNext { font-size: 22px; }
	.articleBlogPost .articleHead .btnPrev { left: 10px; }
	.articleBlogPost .articleHead .btnNext { right: 10px; }

	.articleBlogPost .articleFoot .articleActions { padding-bottom: 20px; }
	.articleBlogPost .articleFoot .socials { padding-top: 0; }
	.articleBlogPost .articleFoot .socials .socialsTitle,
	.articleBlogPost .articleFoot .socials ul { padding-top: 10px; }

	.articleBlogPost .articleHead { padding-bottom: 10px; }
	.articleBlogPost .articleHead .articleTitle { font-size: 24px; }
	.articleBlogPost .articleHead .articleMeta li { padding: 0 10px; }

	.comment .commentImage { width: 70px; padding-right: 10px; }
	.comment .commentHead { padding-bottom: 5px; }
	.comment .commentBody p { font-size: 16px; font-weight: 400; }
	.comment .commentHead .commentAuthor { font-size: 20px; }
	.comment .commentHead .commentMeta { font-size: 17px; }

	.formComments .formHead { padding-bottom: 0; }
	.formComments .formHead .formTitle,
	.formComments .formBody .formTitle { padding-bottom: 10px; font-size: 28px; }

	/* ==========================================================================
		#sectionContact
	========================================================================== */
	.sectionContact .sectionHead .sectionTitle { font-size: 34px; }

	/* ==========================================================================
		#sectionOffices
	========================================================================== */
	.officeContent .officeTitle { font-size: 34px; }
	.office a .officeContent .officeMeta p { font-size: 20px; font-weight: 500; }
	.office a .officeContent .officeMetaImage { -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); }

	/* ==========================================================================
		#Custom Popups
	========================================================================== */
	.formApply .formHead .formTitle { font-size: 24px; }

	/* ==========================================================================
		#sectionEvent
	========================================================================== */
	.sectionEvent .sectionHead .sectionEventMeta dt,
	.sectionEvent .sectionHead .sectionEventMeta dd { padding: 0 5px; line-height: 1.4; }
	.sectionEvent .sectionHead .sectionEventMeta dd { border: 0; }

	/* ==========================================================================
		#sectionFeaturesAlt
	========================================================================== */
	.section .sectionHead .sectionTitle { font-size: 32px; }

	/* ==========================================================================
		#sectionTestimonialsAlt
	========================================================================== */
	.testimonialAlt .testimonialAltFoot .testimonialAltAuthor { font-size: 16px; }

	/* ==========================================================================
		#sectionWork
	========================================================================== */
	.thumbsMoving .thumbsRow { display: block; }
	.thumbsMoving .thumbsRow .thumbsCol,
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol,
	.thumbsMoving.thumbsMovingActive .thumbsRow .thumbsCol.thumbsColActive,
	.thumbsMoving.thumbsMovingActive .thumbsRow.thumbsRowActive .thumbsCol { width: 100%; padding: 10px 0; }

	/* ==========================================================================
		#sectionCustomers
	========================================================================== */
	.customers .customer .customerContent { padding-top: 5px; }

	/* ==========================================================================
		#articleCaseStudy
	========================================================================== */
	.articleCaseStudy .articleAsideThumb { width: 50%; }
	.articleCaseStudy .articleMain .articleContent,
	.articleCaseStudy .articleMain .articleAside { padding: 10px 0; }
	.articleCaseStudy .articleAsideMain .articleAsideMainOverlay .btnPlay { width: 64px; height: 64px; border-width: 6px; }
	.articleCaseStudy .articleAsideMain .articleAsideMainOverlay .btnPlay:after { margin: -15px 0 0 -7px; border-top-width: 15px; border-bottom-width: 15px; border-left-width: 20px; }

	/* ==========================================================================
		#sectionCasesAlt
	========================================================================== */
	.sliderCases .slideThumb a { height: 240px; }
	.sliderCases .slideThumb a:hover .slideThumbImage img { -webkit-transform: translate(0, -webkit-calc(-100% + 240px)); -ms-transform: translate(0, -ms-calc(-100% + 240px)); -o-transform: translate(0, -o-calc(-100% + 240px)); transform: translate(0, calc(-100% + 240px)); }
	.sliderCases .slideThumb .slideThumbContent { padding: 10px; }
	.sliderCases .slideThumb .slideThumbTitle { font-size: 19px; font-weight: 600; }
	.sliderCases .slideThumb .slideThumbMeta { font-size: 17px; }
}

@media only screen and (max-width: 380px) {
	/* ==========================================================================
		#General
	========================================================================== */
	body { min-width: 320px; }

	/* ==========================================================================
		#Forms
	========================================================================== */
	.form .formRowCaptcha .field { width: 170px; }

	/* ==========================================================================
		#Intro
	========================================================================== */
	.introHome .introContent p { font-size: 16px; }
	.introHome .introContent .introTitle { font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 600; }

	/* ==========================================================================
		#sectionNews
	========================================================================== */
	.newsArticleExcerpt .articleHead { padding-bottom: 20px; }
	.newsArticleExcerpt .articleHead .articleTitle { font-size: 22px; }
	.newsArticleExcerpt .articleHead .articleMeta { font-size: 14px; font-weight: 500; }
	.newsArticleExcerpt .articleBody p { font-size: 17px; }

	/* ==========================================================================
		#sectionBlogInner
	========================================================================== */
	.articleBlogPost .articleHead .articleTitle { font-size: 18px; }
	.articleBlogPost .articleHead .articleMeta li { font-size: 16px; }
	.articleBlogPost .articleBody p { font-size: 16px; }

	/* ==========================================================================
		#sectionContact
	========================================================================== */
	.sectionContact .sectionHead .sectionTitle { font-size: 28px; }

	/* ==========================================================================
		#sectionCustomers
	========================================================================== */
	.customers .customer { padding: 10px 0; }
	.customers .customer .customerImage { width: 110px; padding-right: 5px; }
	.customers .customer .customerContent { padding-top: 0; }

	/* ==========================================================================
		#articleCaseStudy
	========================================================================== */
	.caseMeta dl { padding: 5px 0; }
	.caseMeta dt,
	.caseMeta dd { display: block; width: 100%; line-height: 1.2; }
	.caseMeta dd { font-size: 18px; }

	.articleCaseStudy .articleSection p img.alignleft,
	.articleCaseStudy .articleSection p img.alignright { display: none; }
	.articleCaseStudy .articleSection p { font-size: 18px; line-height: 1.4; font-weight: 400; }
}