/*------------------------------ General ------------------------------*/
body {
	font-family: 'latoregular';
	font-size: 16px;
}
#skrollr-body {
    float: left;
    width: 100%;
    height: 100%;
}
h1,h2,h3,h4,h5,#main-nav ul a,#hero p:first-child,#container-contact p:first-child,span.section-navigation-header,.btn,ul.list-countup, form p {
	font-family: 'latoblack';
}
h1 {
	font-size: 6vmax;
}
hr {
	clear: both;
	display: block;
	border: 0;
	height: 0;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}
#bg{ width:100%; height:900px; }
.no-scroll {
	overflow: hidden;
}
#body-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 998;
	display: none;
}
a:hover,
a:active,
a:focus {
	outline: none;
}
/*------------------------------ Navigation ------------------------------*/
#content-wrapper {
	margin-top: 50px;
	padding-bottom: 50px;
}
#sidebar-wrapper {
	position: fixed;
	top: 0;
	height: 50px;
	width: 100%;
	background: #333133;
	z-index: 1000;
}
#nav-toggle {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav-toggle a {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding: 8px 0;
	text-decoration: none;
}
#nav-toggle .icon-topclick-logo {
	background: rgba(1,60,166,1);
}
.burger-menu-line {
    border: none;
    border-bottom: 2px #fff solid;
    padding: 0;
    margin: 0;
    margin-bottom: 6px;
}
#main-nav-toggle {
	background: #333133;
}
#main-nav-toggle span {
	font-size: 14px;
	display: none;
}
#main-nav-toggle div {
	display: block;
	margin: 8px auto 0;
	padding: 0;
	width: 23px;
}
#main-nav-toggle .burger-menu-line {
	transform-origin: left center;
	transition-property: all;
	transition-duration: 0.3s;
	-ms-transform-origin: left center;
	-ms-transition-property: all;
	-ms-transition-duration: 0.3s;
	-webkit-transform-origin: left center;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
}       
#main-nav-toggle.toggled .burger-menu-top {
    transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
#main-nav-toggle.toggled .burger-menu-bottom {
    transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
#main-nav-toggle.toggled .burger-menu-center {
    opacity: 0;
}
#main-nav {
	position: fixed;
	top: 0;
	left: -100%;
	width: 180px;
	height: 115vh;
	overflow: hidden;
	background: rgba(1,60,166,.95);
	transition: left .4s;
	z-index: 999;
}
#main-nav.toggled {
	left: 0;
}
#main-nav ul {
	position: absolute;
	top: 70px;
	bottom: 120px;
	display: block;
	width: 180px;
	list-style-type: none;
	overflow-y:auto;
}
#main-nav ul a {
	display: block;
	padding: 1vh 0;
	margin-bottom: 1vh;
	color: #fff;
	text-decoration: none;
}
#main-nav ul a span {
	position: relative;
	top: 3px;
	margin-right: 15px;
}
#nav-sidebar-contact {
	float: right;
	text-align: center;
}
#nav-sidebar-contact li {
	float: left;
	padding: 0;
}
#nav-sidebar-contact li a {
	display: block;
	width: 50px;
	font-size: 18px;
	color: #adadad;
	line-height: 55px;
	text-decoration: none;
	display: none;
}
#nav-sidebar-contact .icon-call-phone {
	display: block;
}
.section-navigation a {
	float: left;
	position: relative;
	width: 100%;
	color: #000;
	text-decoration: none;
	text-align: center;
	margin: 0 !important;
}
.section-navigation a:before {
	content: "";
	display: block;
	padding-top: 30%;
}
.section-navigation a:hover {
	color: #fff;
}
.section-navigation a > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.section-navigation a:nth-child(6) > div  {
	border-bottom: 1px solid #ccc;
}
.section-navigation a:hover div {
	border-bottom: 0;
}
.section-navigation > span {
	display: block;
	float: left;
	width: 100%;
	height: 8px;
}
.section-navigation a div.section-navigation-icon {
	position: relative;
	height: 60%;
}
.section-navigation a div.section-navigation-icon span {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 2.6em;
	margin-top: -.5em;
}
.section-navigation .section-navigation-text {
	display: block;
	height: 40%;
	padding: 0 5%;
}
.section-navigation div span.section-navigation-header {
	font-size: 1em;
}
hr.dash {
	border: 0;
	padding: 0;
	border-top: 4px solid #000;
	width: 20px;
	height: 5px;
}
.section-navigation a:hover hr {
	border-color: #fff;
}
.section-navigation div span.section-navigation-sell,
.section-navigation a hr {
	display: none
}
.link-section {
	position: relative;
	top: 15px;
}
/*------------------------------ Content ------------------------------*/
a.link-color {
	color: #333133;
	text-decoration: none;
	font-weight: bold;
}
.header-logo {
	position: absolute;
	top: 0px;
	right: 40px;
	font-size: 160px;
	color: #fff;
	z-index: 998;
	margin-top: -.2em;
	display: none;
}
.header-logo2 {
	position: absolute;
	top: 0px;
	right: 40px;
	font-size: 160px;
	color: #fff;
	z-index: 998;
	margin-top: -.2em;
	display: none;
}
.header-logo-dark {
	color: #333133;
}
.hero-full-height {
	height: 100vh;
}
.hero-service,
.hero-case-study {
	background-position: center;
	background-size: cover;
}
#hero {
	position: relative;
	padding-top: 5vmin;
	padding-bottom: 5vmin;
	overflow: hidden;
	background-repeat: no-repeat;
}
#hero.hero-full-height {
	padding-top: 10vmin;
}
#hero-video-inner {
	position: absolute;
	top: 0px;
	left: 0;
	min-width: 100%;
	min-height: 100%;
background-size: cover;
}
#hero-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
}
#hero-poster.hidden {
	opacity: 0;
}
span.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2e2f30;
	opacity: .5;
}
#hero #hero-inner,
#container-contact #contact-inner {
	position: relative;
	width: 90vmin;
	margin: 0 auto;
	border-color: rgba(255,255,255,.3);
	border-width: 3vmin;
	border-style: solid;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	max-width: 60vh;
}
#hero.hero-full-height #hero-inner {
	max-width: 70vh;
}
#hero #hero-inner:before,
#container-contact #contact-inner:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#hero #hero-inner div,
#container-contact #contact-inner div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#hero #hero-inner p:first-child,
#container-contact p:first-child {
	margin: 25% auto 0;
	max-width: 85%;
	font-size: 5.2vmin;
	line-height: 5.7vmin;
	text-transform: lowercase;
}
#hero #hero-pitch {
	font-size: 3.2vmin;
	margin: 5% 12% 0;
	line-height: 3.5vmin;
}
#hero .icon-play {
	display: block;
	margin-top: 5%;
	font-size: 7vmin;
}
ul.logos {
	position: relative;
	width: 100%;
	margin: 50px auto 0;
	text-align: center;
}
ul.logos-no-margin {
	margin: 0 auto;
}
#hero ul.logos {
	display: none;
}
ul.logos li {
	margin: 10px;
}
ul.logos li img {
	height: 30px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}
ul.awards {
	display: none;
}
#hero > a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20px;
	width: 100px;
	text-align: center;
	margin-left: -50px;
	color: #fff;
	text-decoration: none;
	display: none;
}
#hero > a span {
	display: block;
	font-size: 40px;
}
.container-content-section,
.margin-top  {
	margin-top: 3vmax;
}
.section-h2 {
	font-size: 20px;
	text-transform: lowercase;
}
ul.list-countup {
	float: left;
	width: 100%;
	text-align: center;
	margin: 4vmax auto 2vmax;
}
ul.list-countup-one li {
	width: 60%;
	margin: 0 20%;
}
ul.list-countup-three li {
	float: left;
	width: 25%;
	margin: 0 4.16%;
}
ul.list-countup li > div {
	position: relative;
	margin-bottom: 2vmax;
}
ul.list-countup li > div:before {
	content: "";
	display: block;
	padding-top: 100%;
}
ul.list-countup  div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 1.5vmin;
	border-style: solid;
	border-radius: 50%;
}
ul.list-countup-one  div div {
	border-width: 3vmin;
}
ul.list-countup div div > :before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-top: .5vmax;
}
ul.list-countup div div > span {
	font-size: 5vmin;
	height: 100%;
}
ul.list-countup-one div div > span {
	font-size: 15vmin;
}
.color-grey {
	border-color: #ccc;
	color: #ccc;
}
.circle {
	width: 16px;
	height: 16px;
	border-width: 4px;
	border-style:solid;
	border-radius: 8px;
	display: none;
}
.circle-up {
	position: absolute;
	top: -16px;
	left: -8px;
}
.circle-down {
	position: absolute;
	bottom: -16px;
	right: -8px;
}
.circle-right {
	position: absolute;
	bottom: -8px;
	right: -16px;
}
.icon-play-down {
	position: absolute;
	right: -2vmax;
	bottom: -10vmax;
	font-size: 4vmax;
	display: none;
}
.icon-arrow {
	position: relative;
	top: 5px;
	margin-right: 7px;
}
.bar {
	display: block;
	width: 100%;
	border-width: 4px;
	border-style: solid;
}
.btn {
	color: #000;
	border: 2px solid #000;
	border-radius: 0;
}
.border-left-bottom {
	padding-bottom: 50px;
}
.img-header {
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}
.img-header:before {
	content: "";
	display: block;
	padding-top: 40%;
}
.img-header-content {
	position: absolute;
	top: 12%;
	left: 10px;
	max-width: 90%;
}
.img-what-people-are-saying ul {
	position: absolute;
	top: 30px;
	left: 30px;
	display: none;
	z-index: 101;
}
.img-what-people-are-saying .icon-youtube-play {
	position: absolute;
	top: 50%;
	right: 25%;
	font-size: 4em;
	margin-top: -.5em;
	margin-right: -.5em;
	text-decoration: none;
	color: rgba(0,0,0,.7);
	transition: all .3s;
}
#testimonials small cite {
	display: inline-block;
	line-height: .9em;
}
#testimonials .btn {
	display: none;
}
.img-what-people-are-saying .img-header-content,
.img-header-why-choose .img-header-content {
	top: 10%;
	width: 50%;
}
.img-header-content h3 {
	margin-bottom: .5em;
	font-size: 3.6vmin;
	text-transform: lowercase;
}
.img-header-content span {
	font-size: 4vmax;
	display: none;
}
.img-header-why-choose h3 {
	width: 70%;
}
ul#customers {
	float: left;
	width: 100%;
	list-style-type: none;
	background: #333133;
	padding: 25px 25px;
}
ul#customers li {
	display: inline-block;
	float: left;
	width: 50%;
}
ul#customers li img {
	margin-left: auto;
	margin-right: auto;
	opacity: .5;
}
ul#customers li:nth-child(n+3) {
	border-top: 1px solid #444244;
}
ul#customers li:nth-child(odd) {
	border-right: 1px solid #444244;
}
#container-contact {
	position: relative;
}
#container-contact a {
	display: block;
	color: #fff;
	font-size: 6vmin;
	text-decoration: none;
}
#container-contact a:nth-child(2) {
	margin-top: 5%;
}
#container-contact a span {
	display: block;
}
#container-contact #link-enquire {
	margin-top: 5%;
	font-size: .8em;
}
ul.bullets {
	list-style-type: none;
	padding: 0;
}
ul.bullets li {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}
ul.bullets li span,
ul.bullets li div {
	display: block;
	float: left;
}
ul.bullets li span {
	width: 10%;
	font-size: 6vmin;
	padding-top: 9%;
}
ul.bullets li div {
	width: 90%;
}
a.case-study-link {
	position: relative;
	top: 4px;
}
a.case-study-link:hover,
a.case-study-link:active,
a.case-study-link:focus {
	text-decoration: none;
}
ul.list-case-studies {
	list-style-type: none;
	padding: 0;
}
ul.list-case-studies li {
	float: left;
	width: 100%;
	height: 330px;
	margin-bottom: 10px;
	overflow: hidden;
}
ul.list-case-studies li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #f1f2f2;
}
ul.list-case-studies li a .case-studies-upper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 75%;
	background-size: cover;
	background-position: center;
	transition: all .4s;
}
ul.list-case-studies li a .case-studies-upper .icon-youtube-play {
	position: relative;
	left: calc(50% - .5em);
	top: calc(50% - .5em);
	font-size: 4.5em;
	color: rgba(0,0,0,.7);
	transition: all .4s;
}
ul.list-case-studies li a .case-studies-lower {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25%;
	color: #333;
	padding: 5px 20px;
	transition: all .4s;
}
ul.list-case-studies li a .case-studies-lower span {
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 36px;
}
ul.list-case-studies li a:hover .case-studies-lower {
	color: #fff;
	bottom: 0;
}
ul.list-case-studies li a:hover .case-studies-upper {
	top: 0;
}
.case-study-gallery {
	margin-top: 30px;
}
.case-study-gallery > div {
	position: relative;  
}
.case-study-gallery img {
	width: 100%;
	margin-top: 20px;
}
.case-study-gallery div > a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	line-height: 72px;
	font-size: 36px;
	text-align: center;
	opacity: 0;
	background-color: rgba(0,0,0,0.3);
	border-radius: 50%;
	text-decoration: none;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.case-study-gallery div:hover > a {
	opacity: 1;
}
.case-study-gallery div a:hover {
	color: #fff !important;
}
#body-img {
	position: relative;
	height: 170vh;
	background-repeat: no-repeat;
}
#body-img > div {
	position: absolute;
	bottom: 0;
}
.sub-nav {
	margin-bottom: 50px;
}
.sub-nav a {
	display: inline-block;
	width: 24%;
	min-width: 100px;
	padding: 10px 0;
	margin: 3px;
	border-wdith: 2px;
	border-style: solid;
	border-color: #333133;
	color: #333133;
	text-decoration: none;
}
#list-team {
	list-style-type: none;
	padding: 0;
}
#list-team li {
	float: left;
	width: 50%;
	padding: 5px;
}
#list-team li > div:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#list-team li > div {
	position: relative;
	float: left;
	width: 100%;
	background-size: 101%;
	background-repeat: no-repeat;
	overflow: hidden;
}
#list-team li .list-team-lower {
	position: absolute;
	left: 0;
	bottom: -60px;
	height: 60px;
	width: 100%;
	padding: 0 10px;
	color: #fff;
	transition: .4s all;
	line-height: .8em;
}
#list-team li .list-team-lower p {
	margin-top: -.3em;
}
#list-team li > div:hover {
	cursor: pointer;
}
#list-team li > div:hover .list-team-lower,
.team-member.active .list-team-lower {
	bottom: 0;
}
#map-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#map-overlay {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 50px 0;
	transition: .4s all;
}
#map-overlay.toggled {
	margin-left: -100%;
}
#map-overlay-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(1,60,166,.85);
}
#map-toggle {
	position: absolute;
	left: 5px;
	top: 20px;
	font-size: 16px !important;
	line-height: 36px;
	padding: 5px 10px 0;
	z-index: 2;
}
#map-toggle.toggled {
	background: rgba(1,60,166,.85);
	}
#map-toggle:after {
	content: "reveal map";
}
#map-toggle.toggled:after {
	content: "hide map";
}
#map-toggle span {
	float: left;
	margin-right: 10px;
	font-size: 36px;
}
ul.social-links,
ul.social-links-img {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.social-links-img {
	position: absolute;
	top: 40px;
	right: 20px;
}
ul.social-links li {
	display: inline-block;
	margin: 5px 2px;
}
ul.social-links-img li {
	margin: 10px;
}
ul.social-links li a,
ul.social-links-img li a {
	text-decoration: none;
}
ul.social-links-img li a {
	font-size: 24px;
	color: #fff;
}
/*------------------------------ Video Modal ------------------------------*/
.modal-content {
	background-color: #333133;
	border-radius: 0;
}
.modal-header {
	color: #fff;
	border-bottom: 0;
}
.list-case-studies li a:hover .icon-play {
	color: #fff;
}
/*------------------------------ Blog ------------------------------*/
.list-blog {
	list-style-type: none;
	padding: 0;
}
.list-blog li.list-pagination {
	text-align: center;
	margin-bottom: 0;
}
.list-blog > li {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.list-blog .list-img {
	float: left;
	margin: 0 5% 10px 0;
	width: 40%;
	display: none;
}
.list-blog .list-img img {
	width: 100%;
}
.list-blog .list-content {
	float: left;
}
.list-blog .list-content p:nth-child(2) {
	float: left;
	margin-right: 10px;
	line-height: 2em;
}
.list-blog .list-content p:nth-child(4) {
	clear: left;
}
.list-events .list-content p:nth-child(4),
.list-events .list-content p:nth-child(4) {
	clear: none;
}
.list-events .list-content p:nth-child(3) {
	clear: left;
}
.list-blog .list-content a {
	margin-top: 10px;
}
ul.list-blog-archive {
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}
ul.list-blog-archive li {
	float: left;
	margin-right: 10px;
}
.img-blog {
	width: 100%;
	margin: 0 auto 40px;
}
ul.pagination li a {
	margin: 0 5px 5px 0;
	color: #000;
	border: 1px solid #000;
	border-radius: 0 !important;
}
ul.pagination li a:hover {
	background: #fff;
}
.container-blog picture img {
	width: 100%;
}
.container-blog img {
	max-width: 100%;
}
/*------------------------------ Forms ------------------------------*/
.form-container {
	width: 100%;
	float: left;
}
form {
	position: relative;
	padding: 50px 15px;
}
form h2,
form h3,
form p {
	color: #fff;
	text-align: center;
}
form h3,
form p {
	font-size: 18px;
	margin-bottom: 30px;
}
#mc_embed_signup form p {
	font-size: 16px;
	font-family: 'latoregular';
}
.form-group {
	display: block;
	width: 100%;
}
.form-group .form-control {
	width: 100%;
	margin-bottom: 15px;
	border-radius: 0;
	border: 0;
}
.form-container a {
	color: #fff;
}
.form-container .btn {
	display: block;
	margin: 20px auto;
	border-color: #fff;
	background: transparent;
	color: #fff;
	width: 120px;
}
.form-container .btn:hover {
	background: #fff;
}
.form-control-feedback {
	right: 15px;
}
small.help-block {
	margin-top: -12px;
	margin-bottom: 10px !important;
	color: #fff !important;
}
#alertBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	text-align: center;
	z-index: 100;
}
#alertBox p,
#alertBox h3 {
	position: relative;
	top: 40%;
	color: #fff;
}
.close {
	color: #fff;
	opacity: 1;
}
.close:hover {
	color: #fff;
}
#quick-form-container {
	position: fixed;
	top: 50px;
	bottom: 0;
	width: 280px;
	right: -280px;
	transition: all .4s ease;
	z-index: 999;
}
#quick-form-container.toggled {
	right: 0px;
}
#quick-form-container > div {
	position: absolute;
	top: 0;
	bottom: 0;
	overflow-y:auto;
	overflow-x: hidden;
}
#quick-form-trigger,
#offers-tab {
	position: absolute;
	color: #fff;
	text-decoration: none;
	outline: 0;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#quick-form-trigger {
	top: 30%;
	left: -82px;	
}
#offers-tab {
	position: fixed;
	top: calc(45% - 135px);
	right: -13px;
	display: none;
}
#quick-form-trigger:before,
#quick-form-trigger:after,
#offers-tab:before,
#offers-tab:after {
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
#quick-form-trigger:after {
	content: 'Request Quote';	
}
#offers-tab:after {
	content: 'Offers';
}
#quick-form-trigger:before,
#offers-tab:before {
	position: absolute;
	top: 0;
	left: -39px;
	width: 40px;
	font-size: 24px;
	font-family: "top-click-media";
	content: 'w';	
	text-align: center;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
#offers-tab:before {
	content: 'Q';
	background: rgb(123, 95, 197);
}
#quick-form-trigger:after,
#offers-tab:after {
	background: #333133;
	padding-left: 10px;
	padding-right: 10px;
}
#quick-form-container.toggled #quick-form-trigger:before {
	content: 'V';
}
#quick-form-container p {
	padding-left: 15px;
	padding-right: 15px;
}
/*------------------------------ Footer ------------------------------*/
footer hr {
	margin-left: 5%;
	margin-right: 5%;
}
#nav-footer {
	width: 100%;
	float: left;
}
#nav-footer li {
	float: left;
	width: 50%;
	padding: 0 10px 0 18px;
	margin-top: 30px;
	height: 260px;
}
#nav-footer li > div {
	position: relative;
	display: block;
	width: 95%;
	height: 20px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
#nav-footer li span.circle {
	display: block;
}
#nav-footer li h4 {
	position: absolute;
	top: -30px;
	left: 20px;
	display: block;
	font-size: 22px;
	width: 100%;
}
#nav-footer li a {
	display: block;
	color: #333133;
	text-decoration: none;
	margin-bottom: 6px;
}
#nav-footer li a:hover {
	color: #333133;
}
footer p {
	margin-top: 40px;
	text-align: center;
}
itemscope {
	display: none;
}
#whoson_chat_link {
	position: fixed;
	bottom: 0;
	right: 50px;
}
#whoson_chat_link:before {
	display: inline-block;
	position: relative;
	top: 2px;
	content: "I";
	font-family: "top-click-media";
	color: #fff;
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	background: rgb(1, 60, 166);
}
#whoson_chat_link:after {
	display: inline-block;
	content: "Chat Live";
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	background: #333133;
}
#whoson_chat_link img {
	display: none;
}
/*------------------------------ Responsive ------------------------------*/
@media screen and (min-width:480px) {
	#content-wrapper {
		margin-top: 0;
		margin-left: 70px;
	}
	#sidebar-wrapper {
		height: 100vh;
		width: 70px;
	}
	#main-nav-toggle span {
		display: block;
	}
	#nav-toggle a {
		width: 100%;
		height: 70px;
		font-size: 40px;
		padding: 10px 0;
	}
	#nav-toggle div {
		margin: 15px auto 0;
	}
	#main-nav {
		width: 250px;
		padding-left: 70px;
	}
	#main-nav ul {
		top: 30px;
	}
	#nav-sidebar-contact {
		position: absolute;
		bottom: 10px;
		z-index: -1;
	}
	#nav-sidebar-contact li,
	#nav-sidebar-contact li a {
		width: 70px;
	}
	#hero #hero-inner,
	#container-contact #contact-inner {
		width: 60vmin;
	}
	.section-navigation a {
		width: 20%;
	}
	.section-navigation a:before {
		padding-top: 100%;
	}
	.section-navigation a > div {
		border-left: 0;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.section-navigation a:nth-child(2) > div  {
		border-left: 1px solid #ccc;
	}
	.section-navigation a div.section-navigation-icon span {
		font-size: 4vmax;
	}
	.section-navigation a div span.section-navigation-header {
		font-size: 1.8vmax;
		line-height: 1.8vmax
	}

	.section-navigation-new a {
		width: 33.33333%;
	}
	.section-navigation-new a > div {
		border-left: 0;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-bottom: 0;
	}
	.section-navigation-new a:nth-child(2) > div,
	.section-navigation-new a:nth-child(5) > div  {
		border-left: 1px solid #ccc;
	}
	.section-navigation-new a:nth-child(5) > div,
	.section-navigation-new a:nth-child(6) > div,
	.section-navigation-new a:nth-child(7) > div  {
		border-bottom: 1px solid #ccc;
	}
	.section-navigation-new a:hover:nth-child(5) > div,
	.section-navigation-new a:hover:nth-child(6) > div,
	.section-navigation-new a:hover:nth-child(7) > div  {
		border-bottom: none;
	}
	.section-navigation-new a div.section-navigation-icon span {
		font-size: 7vmax;
	}
	.section-navigation-new a div span.section-navigation-header {
		font-size: 2.6vw;
		line-height: 2.6vw
	}
	.section-navigation-new a div.section-navigation-icon {
		height: 60%;
	}
	.section-navigation-new a div.section-navigation-icon span {
		margin-top: -2vmax;
	}
	.section-navigation-new div.section-navigation-text {
		height: 40%;
	}
	.section-navigation-new div span.section-navigation-header {
		display: block;
		margin-top: 3%;
	}
	.section-navigation-new a:hover div span.section-navigation-sell {
		color: #fff;
	}


	ul.list-countup-one li {
		width: 40%;
	}
	ul.list-countup-one div div > span {
		font-size: 8vmax;
	}
	ul.bullets li span {
		padding-top: 5%;
	}
	#container-contact a,
	#container-contact .icon-angle-down {
		font-size: 5vmin;
	}
	#nav-footer li > a {
		margin-left: 20px;
	}
	ul.list-countup {
		font-size: 2vmax;
	}
	#quick-form-container {
		top: 0px;
		width: 370px;
		right: -370px;
	}
	#quick-form-container.toggled {
		right: 0px;
	}
	#quick-form-trigger {
		top: 45%;
	}
}
@media screen and (min-width:768px) {
	h1 {
		font-size: 48px;
	}
	.header-logo2 {
		display: block; 
	}
	#main-nav {
		width: 280px;
	}
	#main-nav ul a {
		font-size: 18px;
	}
	#main-nav ul {
		width: 210px;
	}
	#nav-sidebar-contact li a {
		display: block;
	}
	.hero-service,
	.hero-case-study {
		background-size: auto;
	}
	#hero #hero-inner p:first-child,
	#container-contact p:first-child {
		font-size: 4.8vmin;
		line-height: 5.2vmin;
	}
	#hero #hero-pitch {
		margin-top: 5%;
		font-size: 2.2vmin;
		line-height: 2.6vmin
	}
	#hero > a {
		display: block;
	}
	.section-h2 {
		font-size: 24px;
	}
	ul.logos li {
		margin: 20px;
	}
	ul.logos li img {
		height: 50px;
	}
	ul.awards {
		display: block;
		position: absolute;
		bottom: 80px;
		width: 100%;
		text-align: center;
	}
	ul.awards li {
		margin: 0 1%;
	}
	ul.awards li:nth-child(2) {
		margin-right: calc(1% + 10%);
	}
	ul.awards li img {
		width: 120px;
	}
	.container-content-section {
		margin-left: 5%;
		margin-right: 5%;
	}
	.img-header {
		background-size: auto;
	}
	.img-header-content {
		left: 5.3%;
	}
	.img-header-content span {
		display: block;
	}
	.img-what-people-are-saying .icon-youtube-play {
		font-size: 8vw;
	}
	ul#customers {
		padding: 25px 45px;
	}
	ul#customers li {
		width: 33.33333%;
	}
	ul#customers li:nth-child(n+3) {
		border-top: 0;
		border-right: 0;
	}
	ul#customers li:nth-child(n+4) {
		border-top: 1px solid #444244;
	}
	ul#customers li:nth-child(3n+1),
	ul#customers li:nth-child(3n+2) {
		border-right: 1px solid #444244;
	}
	ul#customers li:last-child {
		display: none;
	}
	#map-overlay {
		padding: 100px 0;
	}
	#nav-footer li {
		width: 33.333%;
		padding-left: 2%;
		padding-right: 2%;
	}
	footer hr {
		margin-left: 2%;
		margin-right: 4%;
	}
	#container-contact a {
		font-size: 1.8em;
	}
	ul.list-case-studies li {
		width: 50%;
	}
	ul.list-case-studies li:nth-child(odd) a {
		margin-right: 10px;
	}
	ul.list-case-studies li:nth-child(even) a {
		margin-left: 10px;
	}
	ul.list-case-studies li:nth-child(even) a .case-studies-lower span {
		right: 30px;
	}
	#list-team li {
		width: 33.33333%;
	}
	.list-blog li {
		margin-bottom: 100px;
	}
	.list-blog .list-img {
		display: block;
	}
	.list-blog .list-content {
		width: 55%;
	}
	#map-toggle {
		left: 5%;
	}
	ul.list-countup {
		font-size: 1.6vmax;
	}
	form p {
		font-size: 24px;
	}
	#quick-form-container {
		width: 500px;
		right: -500px;
	}
	#testimonials .btn {
		display: inline-block;
	}
	.modal-dialog {
		width: 70%;
	}
	#offers-tab {
		display: block;
	}
}
@media screen and (min-width:992px) {
	.header-logo {
		font-size: 0px;
	}
	.pull-up {
		margin-top: -7vmax;
		padding-top: 9vmax;
	}
	.push-down {
		z-index: 100;
		margin-bottom: -7vmax;d
		padding-bottom: 7vmax;
	}
	.border-left-bottom {
		position: relative;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-bottom: 8px;
	}
	.border-right {
		position: relative;
		border-right: 1px solid #ccc;
		padding-top: 7vmax;
	}
	.circle {
		display: block;
	}
	.icon-play-down {
		display: block;
	}
	ul.logos li img {
		height: auto;
	}
	.section-navigation {
		margin-bottom: 12vmax;
	}
	.section-navigation a div span.section-navigation-header {
		font-size: 2vmax;
		line-height: 2.2vmax
	}
	.section-navigation div span.section-navigation-sell {
		display: block;
		margin-top: 5vmax;
	}
	.section-navigation a:hover div span.section-navigation-sell {
		color: #000;
	}


	.section-navigation-new a div.section-navigation-icon span {
		font-size: 7vmax;
	}
	.section-navigation-new a div span.section-navigation-header {
		font-size: 2.6vw;
		line-height: 2.6vw
	}
	.section-navigation-new a div.section-navigation-icon {
		height: 35%;
	}
	.section-navigation-new a div.section-navigation-icon span {
		margin-top: -2vmax;
	}
	.section-navigation-new div.section-navigation-text {
		height: 65%;
	}
	.section-navigation-new div span.section-navigation-header {
		margin-top: 6% !important;
	}
	.section-navigation-new div span.section-navigation-sell {
		margin-top: 0;
	}
	.section-navigation-new a:hover div span.section-navigation-sell {
		color: #fff;
	}
	.section-navigation-new a hr {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	ul.list-countup-one li {
		width: 60%;
	}
	ul.list-countup-one  div div {
		border-width: 1.5vmin;
	}
	ul.list-countup-one div div > span {
		font-size: 4vmax;
	}
	.img-what-people-are-saying ul {
		display: block;
	}
	.img-what-people-are-saying .img-header-content {
		top: 30%;
		width: 40%;
	}
	.img-header-why-choose .img-header-content {
		width: 40%;
	}
	.img-header-content {
		width: 60%;
	}
	.img-header-content h3 {
		font-size: 1.8vmax;
	}
	ul.bullets li {
		margin-left: 5%;
		width: 40%;
		height: 220px;
	}
	ul.bullets li span {
		font-size: 3vmax;
		width: 15%;
		padding-top: 10%;
	}
	ul.bullets li div {
		width: 85%;
	}
	.sub-nav a {
		width: 10%;
	}
}
@media screen and (min-width:1200px) {
	#main-nav ul a {
		font-size: 20px;
	}
	.section-navigation a hr {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.section-navigation-new a hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.section-navigation {
		margin-bottom: 0;
	}
	.section-navigation a div.section-navigation-icon {
		height: 35%;
	}
	.section-navigation a div.section-navigation-icon span {
		margin-top: -2vmax;
	}
	.section-navigation div.section-navigation-text {
		height: 65%;
	}
	.section-navigation div span.section-navigation-header {
		display: block;
		margin-top: 3%;
	}
	.section-navigation div span.section-navigation-sell {
		display: block;
		margin-top: 0;
	}
	.section-navigation a:hover div span.section-navigation-sell {
		color: #fff;
	}
	ul.list-countup  div div {
		border-width: 2vmin;
	}
	ul.list-countup div div > span {
		font-size: 5vmax;
	}
	ul#customers li {
		width: 20%;
	}
	ul#customers li {
		border: none !important;
		border-right: none !important
	}
	ul#customers li:nth-child(n+6) {
		border-top: 1px solid #444244 !important;
	}
	ul#customers li:nth-child(-n+4),
	ul#customers li:nth-child(n+6){
		border-right: 1px solid #444244 !important;
	}
	ul#customers li:last-child {
		display: block;
		border-right: none !important;
	}
	#nav-footer li {
		width: 16.66666%;
	}
	footer hr {
		margin-right: 3%;
	}
	ul.bullets li {
		height: 180px;
	}
	ul.bullets li span {
		width: 20%;
		font-size: 4vmax;
		padding-top: 5%;
		margin-top: 0;
	}
	ul.bullets li div {
		width: 80%;
	}
	ul.list-case-studies li {
		width: 33.33333%;
	}
	ul.list-case-studies li:nth-child(4) a {
		margin-left: 0;
	}
	ul.list-case-studies li:first-child a,
	ul.list-case-studies li:nth-child(2) a,
	ul.list-case-studies li:nth-child(4) a,
	ul.list-case-studies li:nth-child(5) a,
	ul.list-case-studies li:nth-child(7) a,
	ul.list-case-studies li:nth-child(8) a {
		margin-right: 10px;
	}
	ul.list-case-studies li:nth-child(2) a,
	ul.list-case-studies li:nth-child(3) a,
	ul.list-case-studies li:nth-child(5) a,
	ul.list-case-studies li:nth-child(6) a,
	ul.list-case-studies li:nth-child(8) a,
	ul.list-case-studies li:nth-child(9) a  {
		margin-left: 10px;
	}
	ul.list-case-studies li:nth-child(even) a .case-studies-lower span {
		right: 20px;
	}
	ul.list-case-studies li:nth-child(2) a .case-studies-lower span,
	ul.list-case-studies li:nth-child(3) a .case-studies-lower span,
	ul.list-case-studies li:nth-child(5) a .case-studies-lower span,
	ul.list-case-studies li:nth-child(6) a .case-studies-lower span,
	ul.list-case-studies li:nth-child(8) a .case-studies-lower span,
	ul.list-case-studies li:nth-child(9) a .case-studies-lower span {
		right: 30px;
	}
	#list-team li {
		width: 25%;
	}
	ul.awards li {
		margin: 0 2.5%;
	}
	ul.awards li:nth-child(2) {
		margin-right: calc(2.5% + 10%);
	}
	ul.awards li img {
		width: 165px;
	}
}
@media screen and (min-width:1400px) {
	.section-navigation-new a {
		width: 16.66666%;
	}
	.section-navigation-new a:nth-child(5) > div {
		border-left: none;
	}
	.section-navigation-new a > div  {
		border-bottom: 1px solid #ccc;
	}
	.section-navigation-new a div.section-navigation-icon span {
		font-size: 4vmax;
	}
	.section-navigation-new a div span.section-navigation-header {
		font-size: 1.8vmax;
		line-height: 1.8vmax
	}
	.section-navigation-new div span.section-navigation-sell {
		font-size: .9em;
	}
	.section-navigation-new a hr {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width:1920px) {
	.section-navigation a div.section-navigation-icon {
		height: 40%;
	}
	.section-navigation div.section-navigation-text {
		height: 60%;
	}
	.section-navigation a hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.img-header-content h3  {
		font-size: 5vmin;
	}
}