#header,
#header2{
	height: 45px;
}
#promo{
	height: 100%;
	height: 100vh;
}
#promo_text{
	top: -5%;
	z-index: 0;
	right: inherit;
	font-size: 100%;
	width: 95%;
	margin: 0 auto;
}
#promo h1{
	font-size: 1.1em;
	line-height: 1.91em;
}
.section{
	width: 100%;
}
.section p{
	padding: 10px;
	-wbkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  	   box-sizing: border-box;
}
#logo{
	float: none;
	width: 142px;
}
#logo img{
	width: 142px;
	padding: 11px 0;
}
#header_right{
	position: absolute;
	float: none;
	width: 100%;
	top: -9px;
}
#menu{
	box-sizing: border-box;
	padding: 0;
	overflow: visible;
	top: -2px;
}
#menu a{
	text-align: center;
	display: block;
	color: #fff;
	text-shadow: 0 1px 0 #111;
}
#menu a:hover{
	color: #fff;
	text-shadow: 0 1px 0 #111;
}
#spidergram_container{
	width: 90%;
}
.spidergram{
	box-sizing: border-box;
	padding: 20px;
	width: 100%;
}
#livechat,
#demo{
	display: none;
}
#product_container{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.blog_item{
	width: 100%;
	height: auto;
}
#product_container > #sub_container{
	width: 100%;
}
.middle > div .sec{
	width: 100%;
	height: auto;
	margin: .8em 0 0 0;
	box-sizing: border-box;
	float: none;
	padding: 0.8em .8em;
}
#sub_container{
	width: 100%;
}
#selfservice{
	width: 100%;
	border-right: 0;
}
#contactcentre{
	width: 100%;
}
#clients-colour{
	box-sizing: border-box;
	padding: 10px;
}
#clients_container,
.clients{
	width: 100%;
	box-sizing: border-box;
	padding: 0 22px;
}
#social_foot{
	width: 60%;
	margin: 0 auto;
}
.submenu{
	position: absolute;
	z-index: 200;
	width: 90%;
	top: 48px;
	box-sizing: border-box;
	padding: 0 0 20px 0;
	margin: 0 5% 0 5%;
}
.submenu .col{
	display: block;
	width: 100%;
	border-right: 0;
	border-bottom: 1px dashed #888888;
}
.submenu h3{
	margin: 8px 0;
}
.submenu > div .button{
	display: inline-block;
	margin: 0 0 4px 0;
}
#blog{
	height: 100%;
	width: 100%;
	padding: 0 0 20px 0;
	background-color: #6A6A6A;
}
#clients-colour{
	display: none;
}
.testimonials > p{
	font-size: 9pt;
}
.quick__links{
	height: 138px;
}
.quick__links a{
	height: 45.33333333px;
	width: 100%;
	display: block;
	border-right: 0;
	border-top: 1px solid #505050;
	font-size: 1.2em;
	line-height: 1;
}
#menu_float > a > span{
	top: 60px !important;
    background-color: #222222;
    color: #ffffff;
    opacity: 0.95;
    z-index: 9999;
    font-size: 90%;
    -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.75);
}
.point,
.point:last-of-type{
	border-bottom: 1px dashed #999999;
}
.headpoint{
	border-bottom: 0 dashed #999999;
}
.quote__area{
	height: 100%;
	font-size: .8em;
}
.quote{
	position: relative;
	display: block;
	margin: 0 auto 1.7em;
}
.mlMore{
	position: relative;
	font-size: .9em;
	bottom: 0;
	text-decoration: none;
	padding: .4em 1.15em;
	border: thin #FF810A solid;
	color: #fff;
	ont-weight: 100;
	margin: 8px auto 0;
	display: inline-block;
	background-color: #ff810a;
	border-bottom: 2px solid #C5660C;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
.pointWrapper{
	border-top: 1px #333 dashed;
}
#map{
	pointer-events: none;
}
#map,
.contact__form{
	width: 100%;
}
.map__wrapper p{
	left: inherit;
    right: 0;
    margin: 1.3em 1.3em;
}
.contact__social a{
	padding: .2em .7em;
}
.block .citation{
	font-size: 1.1em;
}
.contact__form .button{
	width: 89%;
	float: none;
	margin: 1.1em auto 0;
	box-sizing: border-box;
}
.play__button{
	display: block;
}
.content__text{
	font-size: 1.5em;
}
.content__text .demo{
	width: 100%;
}
.content__info {
    height: 100%;
    opacity: 0.8;
    padding: 1em;
}
.product__graphics{
	display: none;
}
.pagination > li > a,
.pagination > li > span{
	padding: 4px 8px;
}
.section_centre .hero__shot__idmobile__ie{
	background-position: center 220px;
    top: 0;
    background-size: 66%;
}
.section_centre .section__inner{
	margin: 0 auto;
	width: 100%;
	font-size: .8em;
	opacity: 1;
	padding: 6em 0.8em;
}
.lMore{
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
}
.synthetix__introduction{
	padding-top: 1.5em;
}
.sec img{
	height: 130px;
}
.head__section{
	padding: 2.2em .8em;
}
.content__text .contact__button{
	width: 100%;
	padding: .7em 0;
	font-size: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.quick__links > a:nth-child(3){
	border-right: 0;
}
.quick__links > a:nth-child(1){
	border-left: 0;
}
.section h1{
	padding: 0 .2em;
	margin: .2em 0;
}
.sec__contain{
	box-sizing: border-box;
	padding: 0 .8em;
}
.server__secure__animation{
	top: 0;
	width: 250px;
	height: 62px;
	position: relative;
	margin: 2.5em auto 1.3em;
}
.server__secure__animation .lock{
	left: 126px;
	font-size: 2.2em;
	top: 6px;
}
.server__secure__animation .comp{
	top: 0px;
	width: 80px;
	height: 55px;
}
.server__secure__animation .comp:after{
	top: 19px;
	left: 5px;
	width: 65px;
	height: 10px;
}
.server__secure__animation .loader{
	top: 26px;
	left: 12px;
	width: 8px;
	height: 8px;
}
.server__secure__animation .con{
	top: 28px;
	left: 85px;
	width: 100px;
	height: 3px;
}
.server__secure__animation .byte{
	top: 25px;
	left: 80px;
	height: 9px;
	width: 9px;
}
.server__secure__animation .server{
	top: -15px;
	left: 182px;
	font-size: 5em;
}
.server__secure__animation .server:before{
	top: -47px;
	left: -3px;
	width: 35px;
	height: 35px;
}
.server__secure__animation .server:after{
	top: -26px;
	left: -3px;
	width: 35px;
	height: 40px;
}

.section_centre .left__present__title{
	width: 100%;
	text-align: center;
	padding: 0;
}
.accreditations{
	width: 100%;
	padding: .3em .4em;
	min-height: 210px;
	margin: 0 0 1.5em 0;
}
.section_centre .left__present__content{
	width: 100%;
	text-align: center;
	padding: 0 2.1em;
}
.section__accreditations{
	box-sizing: border-box;
	padding: 0 1.2em;
	display: inline-block;
	margin-bottom: 2.3em;
	margin-top: 2em;
}
#section4{
	padding: 4em 0 3em 0;
}
#section4 .left__present__title{
	width: 100%;
	text-align: center;
	float: none;
	padding: 0 .4em .4em .4em;
}
#section4 .left__present__content{
	float: none;
	margin-bottom: 2em;
}
#section2, #section6 {
	background: none;
    background-color: #585858;
    background-size: auto !important;
}
.section2--chrome:before, .section6--chrome:before {
    background: none;
    background-color: #585858;
    background-size: auto !important;
}
#section2 .left__present__title{
	width: 100%;
}
.services__card{
	width: 100%;
	margin: 4em 0 0 0;
	padding: .2em .2em;
}
.card__border{
	border-right: none;
	padding-bottom: 1.9em;
}
.services__container{
	box-sizing: border-box;
    padding: 1em 0.8em 0 .8em;
    border-top: 1px solid #757575;
    margin-top: 4em;
}
#section2 img{
	display: none;
}
form .card__button{
	font-size: 100% !important;
}
.content__main .card__button{
	font-size: 170%;
	width: 75%;
	padding: 0.8em 0;
	display: block;
	margin: 2em auto 2em !important;
}
a.download__bt{
	position: relative;
	bottom: auto;
	left: auto;
	margin-left: 0px !important;
	text-decoration: none;
	margin-top: 30px !important;
}
.footer__button{
	width: 75%;
	padding: 0.8em 0;
}
.product__separator{
	margin: 0;
}
.services__card .card__button{
	display: block;
	width: 80%;
	margin-top: 0;
	margin-bottom: 5em !important;
}
.headerVideo{
	display: none;
}
#section6 .lMore{
	margin-top: 40px;
}
.section__bottom .lMore{
	margin-top: 40px;
}
.services__card .product__list{
	padding: 1.2em 0 2.2em 0;
}
.services__card div {
    width: 32%;
 }
#footer .norightb{
	display: none !important;
}
#footer .col{
	border-right: 0;
	height: 100%;
	width: 100%;
	display: block;
	float: none;
	padding: 8px 8px 35px 8px;
	border-bottom: 1px solid #484848;
}
.download__grid{
	width: 100%;
	font-size: 130%;
	max-height: 312px;
}
#spidergramma{
	background-position: center;
	background-size: contain;
	width: 100%;
	height: 270px;
	margin-bottom: 0;
	margin-top: 40px;
}
#spidergramma li,
#spidergramma a{
	display: none;
}
.right__align{
	font-size: 85%;
	display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 0px 5px;
    box-sizing: border-box;
}
.footer__copyright p{
	font-size: 95%;
	display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
}
#footer_menu{
	height: 100%
}
.social__foot{
	position: relative;
	margin: .4em 0;
}
.footer__copyright{
	padding: 0em;
}
.dummies__infographic{
	display: none;
}
#section__down{
	bottom: 200px;
}
.demo .screen__capture{
	height: auto;
	width: 100%;
	margin: inherit;
	display: block;
}
.play__button{
	margin: -44.5px 0 0 -26.9297px;
}
.showcase__brands{
	padding: 20em 0;
}
.section__showcase{
	display: none;
}
.section__selection{
	top: 0;
	width: 100%;
	text-align: center;
	display: none;
}
.card__container{
	background-size: 112px;
}
.small__branding--background{
	background-size: 128px !important;
}
.squre__branding--background{
	background-size: 76px !important;
}
.section__select{
	margin: 0 .665em;
	width: 34px;
	height: 34px;
	font-size: 16px;
	display: inline-block;
}
.section__select .fa{
	line-height: 32px;
}
.section__select .extra {
	font-size: 20px;
	line-height: 34px !important;
}
#scroll__top{
	width: 40px;
	height: 40px;
	font-size: 3em;
	margin: .2em .2em;
}
.section__selection--fixed{
	top: 52px;
}

#scroll__top .fa{
	line-height: 34px;
}
#section0{
	background-image: url('../images/video__header__cover__poster.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 117vh;
	background-position: 26% center;
}
#videoHead{
	display: none;
}
.grid__container .grid--extra{
	border: 0;
}
/*Things which I didn't want to do but have to*/
#section0,
#section1,
#section2,
#section3,
#section4,
#section6{
    padding-right: 1.2em !important;
    padding-left: 1.2em !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
#section2 {
    padding: 4em 0 1em 0;
}
.float__image{
	display: none;
}
.partner__section img{
	max-height: 36px;
	width: auto !important;
}
.partner__tiers .tiers{
	padding: 1em 1.2em;
}
.content__text{
	line-height: 1.6;
}
.tiers .tiers--hide{
	display: none;
}
.tiers__forms{
	padding: 0 2.3em;
}
.tiers__forms .input__label{
	font-size: 100%;
}
.tiers__forms .dialog__close{
	font-size: 2em;
	margin: 0 0 .5em 0;
}
.partner__tiers--large{
	height: 690px;
}
.tiers--hide{
	-webkit-transform: translateY(-682px);
	   -moz-transform: translateY(-682px);
		 -o-transform: translateY(-682px);
			transform: translateY(-682px);
}
.partner__tiers .tiers{
	font-size: 1.5em;
	width: 100%;
}
.partner__tiers--large .tiers{
	display: none;
}
.partner__tiers .card__button{
	font-size: .8em;
	width: 50%;
}
.g-recaptcha{
	text-align: -webkit-center;
}
.product__overview{
	height: auto !important;
}
.alert-success{
	display: block;
	text-align: center;
	font-size: 175%;
	margin: 1.8em 0;
}
.accreditations__area{
	padding: 1.9em 0 0 0;
}
#section0 .header__quotes{
	font-size: 2.1em;
    line-height: 1.5em;
}
#section0 h1 br {
	display: none;
}
#section1 h1{
	margin-top: 1.2em;
}
#section3 .card__button{
	font-size: 1.5em;
	width: 75%;
}
#section4 .card__button {
    color: #fff;
    width: 80%;
}
#section7 h3{
	margin-bottom: 1em;
}
#section6 .services__card h1{
	min-height: initial;
}
#section6 img{
	width: 70%;
	height: 100%;
	padding: 2em 4em;
	box-sizing: border-box;
}
#section6 .card__button{
	margin-top: 3em !important;
	margin-bottom: 0 !important;
}
#section6 .services__card h1{
	padding-top: 30px;
	min-height: 0px;
}
.product__tip--show{
	display: none;
}
.section h1{
	font-size: 1.7em !important;
}
.section__inner h1 {
	font-size: 2.2em !important;
}
.section h3{
	font-size: 1em;
    font-weight: normal;
    padding: 0 1.2em;
}
.services__card p{
	font-size: 1em;
}
.download__confirmation{
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 68px 0 0 0;
	border-radius: 0;
}
.download__resend{
	display: none;
}
.wrapper {
    width: 95%;
}
.box {
    margin: 10% auto;
}
.light__gray .tiers--careers{
	margin: 0;
	padding: 0 30px 35px 30px !important;
}
.tiers--careers .caption{
	opacity: 1;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
			transform: translateY(0);
}
.tiers--careers p{
	top: 0;
}
.careers__tiers{
	padding-bottom: 3.2em !important;
}
.category__content .card__button{
	font-size: .8em;
}
#faqSEO{
	top: 30%;
	padding: 0 1.4em;
}
#faqSEO .faq__container{
	width: 100%;
}
.category__content{
	width: 100%;
	display: block;
	pointer-events: ;
}
.search__container .button__search{
	width: 20%;
}
.bread__crumbs{
	font-size: .75em;
}
.tips__content{
	float: none;
	display: block;
	width: 100%;
	min-height: initial;
	margin: 0 0 .4em 0;
}
#mainContact > div.g-recaptcha > div > div,
#mainContact > div.g-recaptcha > div > div > iframe{
	width: 100% !important;
}
@-webkit-keyframes transfer__byte{
	0%{
		opacity: 0;
		left: 80px;
	}
	4%{
		opacity: 1;
	}
	46%{
		opacity: 1;
	}
	50%{
		opacity: 0;
		left: 185px;
	}
	54%{
		opacity: 1;
	}
	96%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		left: 80px;
	}
}
@-moz-keyframes transfer__byte{
	0%{
		opacity: 0;
		left: 80px;
	}
	4%{
		opacity: 1;
	}
	46%{
		opacity: 1;
	}
	50%{
		opacity: 0;
		left: 185px;
	}
	54%{
		opacity: 1;
	}
	96%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		left: 80px;
	}
}
@-o-keyframes transfer__byte{
	0%{
		opacity: 0;
		left: 80px;
	}
	4%{
		opacity: 1;
	}
	46%{
		opacity: 1;
	}
	50%{
		opacity: 0;
		left: 185px;
	}
	54%{
		opacity: 1;
	}
	96%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		left: 80px;
	}
}
@keyframes transfer__byte{
	0%{
		opacity: 0;
		left: 80px;
	}
	4%{
		opacity: 1;
	}
	46%{
		opacity: 1;
	}
	50%{
		opacity: 0;
		left: 185px;
	}
	54%{
		opacity: 1;
	}
	96%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		left: 80px;
	}
}
@-webkit-keyframes process{
	0%{
		width: 8px;
	}
	100%{
		width: 63px;
	}
}
@-moz-keyframes process{
	0%{
		width: 8px;
	}
	100%{
		width: 63px;
	}
}
@-o-keyframes process{
	0%{
		width: 8px;
	}
	100%{
		width: 63px;
	}
}
@keyframes process{
	0%{
		width: 8px;
	}
	100%{
		width: 63px;
	}
}