@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300italic,600italic,300,600");
@import url(circular-pb.css);
    /*FONTS*/
	#call-to-action {font-family: "Circular-Medium", Arial;}
    #header-content > #slogan-container > #slogan > p {font-family: "Circular-Black", Arial;
    padding-bottom: 15px;}
	#header-content > #slogan-container > #slogan > p {font-family: "Circular-Medium", Arial;}
	main > .container > .container2 > .row > #sidebar > section > h1, main > .container > .container2 > .row > .col-xs-12 > section > h1, main > .container > .container2 > .row > .col-xs-12 > div > section > h1, main > .container > .container2 > .row > .col-xs-12 > section > div > h1 {font-family: "Circular-Medium", Arial; color: #004ea8;}
	main > .container > .container2 > .row > #sidebar > section > h1 {font-size: 25px;}
    main > .container > .container2 > .row > #sidebar > section > div > p,  main > .container > .container2 > .row > .col-xs-12 > section > div > p, main > .container > .container2 > .row > .col-xs-12 > div > section > div > p, #benefits > .row > .col-sm-12 > .row > div > p, .fa-ul > li {font-family: "Circular-Book", Arial; color: #75787b;}
	main > .container > .container2 > .row > #sidebar > section > div > table, main > .container > .container2 > .row > .col-xs-12 > section > div > table, main > .container > .container2 > .row > .col-xs-12 > div > section > div > table {font-family: "Circular-Book", Arial;}
	main > .container > .container2 > .row > #sidebar > section > div > ul > li, main > .container > .container2 > .row > .col-xs-12 > section > div > ul > li, main > .container > .container2 > .row > .col-xs-12 > div > section > div > ul > li {font-family: "Circular-Book", Arial;}
	figcaption, .youtube_caption {font-family: "Circular-Book", Arial; font-size: 12px; color: #d7d2cb !important; font-style:normal !important;}
	#about-genetec-toggle {font-family: "Circular-Medium", Arial;}
	#about-genetec-text {font-family: "Circular-Book", Arial; font-style: normal !important;
    font-weight: 100 !important;
    padding: 0px 20px;}
	#footer-nav-elements > li > a {font-family: "Circular-Book", Arial;}
	#footer-logo, #footer-logo > a {font-family: "Circular-Book", Arial;}
	
	#benefit-one, #benefit-two, #benefit-three {text-align: left !important;}
	h1 {margin-bottom:40px !important;}
	#about-genetec-title {margin-bottom:20px !important;}
	h3 {font-size:22px; font-family: "Circular-Medium", Arial; color: #004ea8;}
	
	/*HEADER*/
	#header {background-size: 58.33% auto; background-position: left;}
	#header > .container {width: 100%; margin-left:0px; margin-right: 0px;}
	#header-content > #slogan-container > #slogan {background-color:rgba(255,255,255,0.9) !important;}
	#header-content > #slogan-container > #slogan > p {color: #004ea8;}
	#header-content > #slogan-container > #slogan > h2 {font-family: "Circular-Medium", Arial; color: #004ea8;}
	#header-content > #slogan-container {padding-left: 0px; padding-right:0px;}
	#header > .container > #header-content {padding-left: 15px; padding-right: 15px;}
	#headerhidden {display:none; position: fixed; z-index:500; width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding: 0px 13px 65px 13px;
    max-width: 1800px; min-height:65px !important; height:65px !important;}
	#headerhidden > #ribbonhidden {    border-bottom: 2px solid #004ea8;
    position: relative; height: 65px;
    width: 70%; float:left;}
	#headerhidden > #ribbonbuttonhidden {    border-bottom: 2px solid #004ea8;
    position: relative; height: 65px; text-align:right;
    width: 30%; float:right;}
	#headerhidden > #ribbonhidden > img#ribbonhidden-genetec-logo {height: 24px;
    position: absolute;
    top: 20px;left: 0px;
    position: relative;}
	#call-to-form {position: relative !important;}
	#pdfdescription > .pdf-headline > p {font-size: 18px; color: #75787b; font-family: "Circular-Book", Arial;}
	#pdfdescription > .pdf-headline > h1 {    font-size: 24px;
    font-family: "Circular-Book", Arial;
    color: #1b365d;}
	#videodescription > .video-headline  > p {font-size: 18px; color: #75787b;; font-family: "Circular-Book", Arial;}
	#videodescription > .video-headline  > h1 {    font-size: 24px;
    font-family: "Circular-Book", Arial;
    color: #1b365d;}
	
	/*HEADER HEADLINE TOP*/
	#header-content > #page-headline > #slogan2 > p {
    color: #004ea8;
font-family: "Circular-Medium", Arial;
padding-bottom: 15px;
}
#page-headline {padding-left: 0px;}
@media only screen and (max-width: 479px) {
#header-content > #page-headline > #slogan2 > p {
    font-size: 28px;
}
}
@media only screen and (min-width: 768px)
{
#header-content > #page-headline > #slogan2 > p {
    font-size: 48px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#header-content > #page-headline > #slogan2 > p {
    font-size: 32px;
}
}
	
	
	/*COLOURS MISC*/
	 ul.fa-ul > li > i {color: #ffffff;}
	 h1 > i {color: #d7d2cb;}
	 #continuing-education > div > p > i, #collaboration > div > p > i {color: #d7d2cb;}
	 body > main hr {color: #004ea8 !important;}
	 
	 
	 /*BANNER*/
	 #slogan-container > #slogan {position: absolute !important; z-index: 100;}
	                             
		#slogan-container-wrapper {
			
			background-image: url("http://info.genetec.com/rs/752-WRB-240/images/GENE-Events-Mkto-Page-Background-Generic.png");
			-webkit-animation: fadein 12s; /* Safari and Chrome */
            -moz-animation: fadein 12s; /* Firefox */
            -ms-animation: fadin 12s; /* Internet Explorer */
            -o-animation: fadin 12s; /* Opera */
            animation: fadein 12s;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			z-index: 1;
			height:100%;
			width:100%;
		}
		@keyframes fadein {
            from {opacity: 0;}
            to {opacity: 1;}
        }

        /* Firefox */
        @-moz-keyframes fadein {
            from {opacity: 0;}
            to {opacity: 1;}
        }

        /* Safari and Chrome */
        @-webkit-keyframes fadein {
            from {opacity: 0;}
            to {opacity: 1;}
        }

        /* Internet Explorer */
        @-ms-keyframes fadein {
            from {opacity: 0;}
            to {opacity: 1;}
        }​

        /* Opera */
        @-o-keyframes fadein {
            from {opacity: 0;}
            to {opacity: 1;}
        }​
	
	/*LAYOUT*/
	
	#slogan-container {background-size: cover;}
	#header2 {width: 80%; margin-left:10%; margin-right: 10%; padding: 0px 15px 140px 15px; max-width: 1800px;}
	#header2 > #ribbon {border-bottom: 2px solid #004ea8; position: relative;}
	#header2 > #ribbon > #ribbon-genetec-logo {left: 0px; position: relative;}
    body {background-color: #ffffff !important;}
  #header {width: 80%;margin-left: 10%;margin-right: 10%;max-width: 1800px;}
    .container2 {width: 100%;margin-left: 0%;margin-right: 0%;max-width: 1800px;}
	.container2 > #container3 {width: 100%;margin-left: 0%;margin-right: 0%;max-width: 1800px; padding-left: 0px; padding-right: 0px;}
	#container3 > #about-genetec {padding: 1em 15px 1em 15px; background-color: #d7d2cb;}
	#container3 > #about-genetec > h1 > a {color: #ffffff;}
	#optionally-add-video {display: table !important;}
	
	/*FOOTER*/
	footer {width: 80%; margin-left: 10%; margin-right: 10%; padding-left: 15px; padding-right:15px;}
	footer > .container {width: 100%;max-width: 1800px; padding-left:0px; padding-right: 0px;border-top: 2px solid #004ea8;}
	#footer-nav {margin-left: 0px;}
	#footer-logo {margin-right: 0px;}
	#footer-nav > ul > li > a {color: #004ea8;}
	#footer-nav > ul > li > a {color: #004ea8;}
	p#footer-logo, p#footer-logo > a {color: #004ea8;}
	footer > .container > p#footer-logo {margin-top: 25px;}
	footer > div#back-to-top-link {background-color: #004ea8 !important;}
	footer > div#back-to-top-link > a {font-family: "Circular-Medium", Arial !important;}
  @media (min-width: 1200px) {
  .container {width: 80%;margin-left: 10%;margin-right: 10%;max-width: 1800px;}
  footer > .container {margin-left: 0%;margin-right:0%;}
  }
  @media (min-width: 992px) and (max-width: 1199px) {
  .container {width: 80%;margin-left: 10%;margin-right: 10%;max-width: 1800px;}
  footer > .container {margin-left: 0%;margin-right:0%;}
  }
  @media (min-width: 768px) and (max-width: 991px) {
   .container {width: 90%;margin-left: 5%;margin-right: 5%;}
	#header {width: 90%;margin-left: 5%;margin-right: 5%;}
	#header2 {width: 90%;margin-left: 5%;margin-right: 5%;}
	#headerhidden {width: 90%;margin-left: 5%;margin-right: 5%;}
	footer {width: 90%;margin-left: 5%;margin-right: 5%;}
	footer > .container {margin-left: 0%;margin-right:0%;}
	footer > .container {text-align: center; padding-top: 25px;}
	footer > .container > #footer-nav, footer > .container > #footer-logo {float: none;}
	#call-to-form {padding-left: 0px; padding-right: 0px;}
	#slogan-container-wrapper {min-height:400px;}
	#header-content > #slogan-container {min-height:400px;}
  }
  @media (max-width: 880px) and (min-width: 768px) {
	 #headerhidden > #ribbonhidden {width: 60%;}
	#headerhidden > #ribbonbuttonhidden {width: 40%;} 
  }
  @media (max-width: 767px) {
	  main > .container > .container2 > .row > #sidebar > section > div > p, main > .container > .container2 > .row > .col-xs-12 > section > div > p, main > .container > .container2 > .row > .col-xs-12 > div > section > div > p, #agenda > div > table > tbody > tr > td, main > .container > .container2 > .row > #sidebar > section > div > ul > li, main > .container > .container2 > .row > .col-xs-12 > section > div > ul > li, main > .container > .container2 > .row > .col-xs-12 > div > section > div > ul > li {font-size:15px!important;}
	#header {width: 95%;margin-left: 2.5%;margin-right:2.5%;}
	#header2 {width: 95%;margin-left: 2.5%;margin-right:2.5%;}
	#headerhidden {width: 100%;margin-left: 0%;margin-right:0%;}
	#headerhidden > #ribbonhidden {width: 50%;}
	#headerhidden > #ribbonbuttonhidden {width: 50%;}
	#header-content > #slogan-container > #slogan > h2 {font-size:20px;}
	footer {width: 100%;margin-left: 0%;margin-right:0%;}
	footer > .container {text-align: center; padding-top: 20px;}
	footer > .container {margin-left: 0%;margin-right:0%;}
	footer > .container > #footer-nav, footer > .container > #footer-logo {float: none;}
	#call-to-form {padding-left: 0px; padding-right: 0px;}
	#action-section {padding-left: 0px !important; padding-right: 0px !important;}
	#agenda > div > table > tbody > tr > td {padding: 5px 5px;}
	#slogan-container-wrapper {min-height:300px;}
	#header-content > #slogan-container {min-height:300px;}
	#key-features > .row {display: block !important; margin: .5em 0;}
	 #key-features-one, #key-features-two {width: 98% !important;} 
  }
  @media (max-width: 520px) {
	 #ribbonbuttonhidden > .form-btn.form-btn-alt {padding: 15px 20px 15px 20px !important;}
  }
  
  /*AGENDA*/
    #agenda > div > table > tbody > tr > th {
	font-family: "Circular-Medium", Arial;
    background-color: #ffffff;
	color: #75787b;
    font-size: 20px;
    padding: 15px 0px 15px 0px;
    border-bottom: 2px solid;
	}
  #agenda > div > table > tbody > tr:nth-child(2n) {background-color:#ebe8e3;}
  #agenda > div > table > tbody > tr:nth-child(2n+1) {background-color:#ffffff;}
  
  /*CTA*/
  #call-to-form > #action-section {background-color:#ffffff;}
  #action-section > h1, #action-section > p {color: #75787b;}
  
  /*KEY FEATURES*/
  #key-features > .row {display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: -ms-flexbox;
				display: flex;}
  #key-features-one {
    padding: 15px 0px;
    margin: 1%;
	width:48%;}
  #key-features-two {
    padding: 15px 0px;
    margin: 1%;
	width:48%;}
	#key-features-one > .fa-ul > li, #key-features-two > .fa-ul > li {color:#ffffff !important; padding: 5px 10px;}
	#key-features-one > .fa-ul > li > i, #key-features-two > .fa-ul > li > i {
    font-size: 9px;
    top: 1.5em;
	}
	#benefits > .row > .col-sm-12 > .row > div > p {padding-top:15px;}
  
  
  /*FORM*/
  
  .mktoAsterix {
display: none !important;	
}
.mktoFieldWrap.mktoRequiredField > input::-webkit-input-placeholder {
   color: #75787B !important;
}

.mktoFieldWrap.mktoRequiredField > input:-moz-placeholder { /* Firefox 18- */
   color: #75787B !important;  
}

.mktoFieldWrap.mktoRequiredField > input::-moz-placeholder {  /* Firefox 19+ */
   color: #75787B !important;  
}

.mktoFieldWrap.mktoRequiredField > input:-ms-input-placeholder {  
   color: #75787B !important; !important;  
}

.mktoFieldWrap > input::-webkit-input-placeholder {
   color: #75787B !important;
}

.mktoFieldWrap > input:-moz-placeholder { /* Firefox 18- */
   color: #75787B !important;
}

.mktoFieldWrap > input::-moz-placeholder {  /* Firefox 19+ */
   color: #75787B !important;
}

.mktoFieldWrap > input:-ms-input-placeholder {  
   color: #75787B !important;
}

.mktoFieldWrap > input::-webkit-input-placeholder {
   color: #75787B !important;
}

.mktoFieldWrap > #Comments::-webkit-input-placeholder {
   color: #75787B !important;
}

.mktoFieldWrap > #Comments:-moz-placeholder { /* Firefox 18- */
   color: #75787B !important; 
}

.mktoFieldWrap > #Comments::-moz-placeholder {  /* Firefox 19+ */
   color: #75787B !important; 
}

.mktoFieldWrap > #Comments:-ms-input-placeholder {  
   color: #75787B !important;  
}

.mktoFieldWrap > #Comments::-webkit-input-placeholder {
   color: #75787B !important;
}

    /* WebKit browsers */
.mktoFieldWrap.mktoRequiredField > input:focus::-webkit-input-placeholder { color:transparent !important; }

    /* Mozilla Firefox 4 to 18 */
.mktoFieldWrap.mktoRequiredField > input:focus:-moz-placeholder { color:transparent !important; }

    /* Mozilla Firefox 19+ */
.mktoFieldWrap.mktoRequiredField > input:focus::-moz-placeholder { color:transparent !important; }

    /* Internet Explorer 10+ */
.mktoFieldWrap.mktoRequiredField > input:focus:-ms-input-placeholder { color:transparent !important; }

    /* WebKit browsers */
.mktoFieldWrap > input:focus::-webkit-input-placeholder { color:transparent !important; }

    /* Mozilla Firefox 4 to 18 */
.mktoFieldWrap > input:focus:-moz-placeholder { color:transparent !important; }

    /* Mozilla Firefox 19+ */
.mktoFieldWrap > input:focus::-moz-placeholder { color:transparent !important; }

    /* Internet Explorer 10+ */
.mktoFieldWrap > input:focus:-ms-input-placeholder { color:transparent !important; }

    /* WebKit browsers */
.mktoFieldWrap > #Comments:focus::-webkit-input-placeholder { color:transparent !important; }

    /* Mozilla Firefox 4 to 18 */
.mktoFieldWrap > #Comments:focus:-moz-placeholder { color:transparent !important; }

    /* Mozilla Firefox 19+ */
.mktoFieldWrap > #Comments:focus::-moz-placeholder { color:transparent !important; }

    /* Internet Explorer 10+ */
.mktoFieldWrap > #Comments:focus:-ms-input-placeholder { color:transparent !important; }
  
  #confirmform {
    visibility:hidden;
    font-family:'circular-book', 'futura-pt', Arial, 'Helvetica Neue', Helvetica, sans-serif !important; 
    color: #75787B !important;
  }
  .mktoButton, .form-btn.form-btn-alt {
	  font-family: "Circular-Medium", Arial !important;
	padding: 20px 130px 30px 75px !important;
	border-radius: 0px !important;
	text-transform: uppercase !important; 
	background: rgba(255,158,27,1);
	transition: all .5s !important;
	text-shadow: none !important;
    font-weight: bold !important;
    letter-spacing: 0.25em !important;
	font-size: 11px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
	box-shadow:none!important;
	color: #ffffff !important;
	transition:all .5s !important;
	border-color: rgba(255,158,27,1) !important;
  }
  .mktoButton:hover, .form-btn.form-btn-alt:hover {
	  font-family: "Circular-Medium", Arial !important;
	padding: 20px 130px 30px 75px !important;
	border-radius: 0px !important;
	text-transform: uppercase !important; 
	background: rgba(255,158,27,0.9) !important; 
	transition: all .5s !important;
	text-shadow: none !important;
    font-weight: bold !important;
    letter-spacing: 0.25em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
	font-size: 11px !important;
	box-shadow:none!important;
	transition:all .5s !important;
	border-color: rgba(255,158,27,0.9) !important; 
  }
  .mktoButton:focus, .form-btn.form-btn-alt:focus {
	  font-family: "Circular-Medium", Arial !important;
	padding: 20px 130px 30px 75px !important;
	border-radius: 0px !important;
	text-transform: uppercase !important; 
	background: rgba(255,158,27,0.9) !important;  
	transition: all .5s !important;
	text-shadow: none !important;
    font-weight: bold !important;
    letter-spacing: 0.25em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
	font-size: 11px !important;
	box-shadow:none!important;
	transition:all .5s !important;
	border-color: rgba(255,158,27,0.9) !important; 
  }
  .form-btn:hover {border-color: none !important;}
  .form-btn.form-btn-alt, .form-btn.form-btn-alt:hover, .form-btn.form-btn-alt:focus, .form-btn.form-btn-alt:active {padding: 15px 50px 15px 50px !important;}
  .mktoButtonWrap.mktoPurpleCandy {
	margin-left: 0px !important;
  }
  .mktoForm.mktoHasWidth.mktoLayoutLeft {
	width: 100% !important;
  }
  #mktoForm_2970 > .mktoButtonRow {
	margin-top: 15px !important;
		}
		.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
			color: #75787B !important;
		}
		#mktoForm_2970 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {
		width: 150% !important;	
		color: #75787B !important;
		}
		.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
			color: #75787B !important;
		}
		.mktoForm input[type="checkbox"]:not(:checked) + label:before, .mktoForm input[type="checkbox"]:checked + label:before {
			border: 1px solid #ffffff !important;
		}
		#Country {
			color: #75787B !important;
		}
		.mktoForm button.mktoButton{margin-left: 150px; margin: 0px 3px;border-left: solid 0px; cursor: pointer;border-radius: 0px !important; font-size: 11px !important;width: 50% !important;}
      #mktoForm_2970 > .mktoButtonRow {width: 100% !important;}
      #mktoForm_3057 > .mktoButtonRow {width: 100% !important;}
      #mktoForm_3058 > .mktoButtonRow {width: 100% !important;}
      .mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {text-align: center !important;}
	  #trial > #formmkto {width: 100% !important; margin-left: 0px !important; margin-right: 0px !important;}
      #trial > #formmkto > #mktoForm_2970 > div.mktoButtonRow > span > button  {width: 250px !important;}
      #trial > #formmkto > #mktoForm_3057 > div.mktoButtonRow > span > button  {width: 250px !important;}
      #trial > #formmkto > #mktoForm_3058 > div.mktoButtonRow > span > button  {width: 250px !important;}
      #mktoForm_2970 > div.mktoButtonRow > span > button {padding: 20px 0px 30px 5px !important; letter-spacing: 0.2rem !important;}
      #mktoForm_3057 > div.mktoButtonRow > span > button {padding: 20px 0px 30px 5px !important; letter-spacing: 0.2rem !important;}
      #mktoForm_3058 > div.mktoButtonRow > span > button {padding: 20px 0px 30px 5px !important; letter-spacing: 0.2rem !important;}
      .mktoForm input[type="checkbox"]:not(:checked) + label:after{top: -4px !important;left: -26px !important;}
      .mktoForm input[type="checkbox"]:checked + label:after {top: -4px !important;left: -26px !important;}
	   @media screen and (max-width: 1680px){
		   #mktoForm_2970 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {width: 150% !important;}
        #mktoForm_3057 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {width: 150% !important;}
        #mktoForm_3058 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {width: 150% !important;}
        .mktoForm input[type="checkbox"]:not(:checked) + label:after, .mktoForm input[type="checkbox"]:checked + label:after {top:0px !important;left:-1.5em !important;}
        }
		@media screen and (max-width: 650px) {
			#mktoForm_2970 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {width: 100% !important;line-height: 1.5em !important;text-align: left !important;}
        #mktoForm_3057 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {width: 100% !important;line-height: 1.5em !important;text-align: left !important;}
        #mktoForm_3058 > div:nth-child(10) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth > label {width: 100% !important;line-height: 1.5em !important;text-align: left !important;}
        .mktoForm input[type="checkbox"]:not(:checked) + label:after, .mktoForm input[type="checkbox"]:checked + label:after {top:-4px !important;left:-1.5em !important;}
		}
		.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {color: #75787B !important;}
      .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {color: #75787B !important;}
      input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {color: #75787B !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-left: 0px !important; border-bottom: 2px solid #75787B !important;}
      .mktoForm input[type="checkbox"]:not(:checked) + label:before, .mktoForm input[type="checkbox"]:checked + label:before {border-radius: 0px !important; border: 1px solid #75787B !important;}
      input[type="checkbox"] + label:before, input[type="radio"] + label:before {border-radius: 0px !important; border: 1px solid #75787B !important;}
      input[type="checkbox"] + label:before {border-radius: 0px !important; border: 1px solid #75787B !important;}
      input[type="checkbox"] + label:before, input[type="radio"] + label:before} {border-radius: 0px !important; border: 1px solid #75787B !important;}
      .mktoForm .mktoFormRow {width: 100% !important;}
      div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > h2 {padding-left:0px;}
      div.mktoFieldWrap > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth {width: 100% !important;}
      .mktoLogicalField.mktoCheckboxList.mktoHasWidth {width: 100% !important;}
      .mktoHtmlText.mktoHasWidth {width: 200% !important;}
      .mktoForm .mktoRadioList > label, .mktoForm .mktoCheckboxList > label {text-align:left !important;}
      .mktoForm .mktoFieldWrap {width: 100% !important;}
      .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {width: 90% !important;}
      #Language, #CompanyType, #UnsubscribedReason, #Industry, #Country, #State, .mktoFormRow.select_field > .mktoFieldDescriptor.mktoFormCol > .mktoFieldWrap.mktoRequiredField > select, .mktoFormRow.select_field > .mktoFieldDescriptor.mktoFormCol > .mktoFieldWrap > select {-webkit-appearance: none !important; -moz-appearance: none;
    font-family: 'circular-book', Arial !important;
    border-bottom-color: #75787B !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-left-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
        background-position: 100% 50%;
        background-repeat: no-repeat;
		white-space: normal;
    min-height: 50px;
	}
      .mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {font-family: 'circular-book',Arial;
    letter-spacing: 0px;
        text-transform: none;}
      .mktoFormCol > .mktoFieldWrap > .mktoHtmlText.mktoHasWidth > p {font-family: 'circular-book',Arial !important;
    letter-spacing: 0px !important;
        text-transform: none !important; }
      .mktoButtonRow {width: 100% !important;margin-top: 45px !important;}
      .mktoButtonRow > span {margin-left:0px !important;}
      .mktoButton {padding:0px 0px !important;background:rgba(255,158,27,1);transition: all 1s ease;}
      .mktoButton:hover {padding:0px 0px !important;background:rgba(255,158,27,0.8) !important;transition: all 1s ease;}
      .mktoButton:focus {padding:0px 0px !important;background:rgba(255,158,27,0.8) !important;transition: all 1s ease;}
      .mktoButton:active {padding:0px 0px !important;background:rgba(255,158,27,0.8) !important;transition: all 1s ease;}
      input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
        transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
    background: transparent;
    border-radius: 0px;
        border: solid 0px #ffffff;}
      input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {
      background: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);}
      .mktoFormCol > .mktoFieldWrap > .mktoHtmlText.mktoHasWidth > p ~ p {text-align: left !important; padding-left:55px !important;}
      .mktoFormCol > .mktoFieldWrap > .mktoHtmlText.mktoHasWidth > p {
    font-family: 'circular-book',Arial !important;
    letter-spacing: 0px !important;
    text-transform: none !important;
    padding-left: 65px !important;
    padding-top: 15px;
    text-align: left !important;
}
      .mktoForm .mktoGutter {width: 25px !important;}
      #mktoForm_1291 > div:nth-child(2) > div.mktoFormCol > div.mktoFieldWrap > div.mktoHtmlText.mktoHasWidth > p {text-align: center !important;padding-left:0px !important;}
	  .mktoFieldWrap > select > option {
       font-family: 'circular-book', Arial !important;
        background: rgba(255,255,255,0.5) !important;
        color: #716e6a !important;
      }
      .mktoFieldWrap > select > option:hover {
       font-family: 'circular-book', Arial !important;
        background: #dcd2cb !important;
        color: #716e6a !important;
      }
	  .mktoButtonWrap.mktoNative > .mktoButton {min-height: 50px !important;}
	  .mktoForm .mktoError .mktoErrorMsg {background-color: #bc204b !important; color: #ffffff !important; text-shadow: none !important; box-shadow: none !important; border-radius: 0px !important; border: 0px !important;}
.mktoErrorMsg > span.mktoErrorDetail {color: #ffffff !important;}
button.mktoButton {font-family: "Circular-Medium", Arial !important;}
.mktoForm input[type=text]:focus,.mktoForm input[type=text]:active, button.mktoButton:focus, button.mktoButton:active, .mktoForm input[type=url]:focus, .mktoForm input[type=email]:focus, .mktoForm input[type=tel]:focus, .mktoForm input[type=number]:focus, .mktoForm input[type=date]:focus, .mktoForm input[type=url]:active, .mktoForm input[type=email]:active, .mktoForm input[type=tel]:active, .mktoForm input[type=number]:active, .mktoForm input[type=date]:active, .mktoForm textarea.mktoField:focus, .mktoForm select.mktoField:focus, .mktoForm textarea.mktoField:active, .mktoForm select.mktoField:active {outline:0;}
body .form-container section .mktoForm :-ms-input-placeholder{color: #75787B !important;}
#call-to-form {padding-right: 0px;}
#call-to-form > #action-section {padding-right: 0px;}
@media only screen and (min-width: 992px) {
body > header #call-to-form {margin-top: 5%;}
}
@media only screen and (max-width: 992px) {
#call-to-form > #action-section {padding-right: 0px; padding-left: 0px;}
}

/* $PRELOADER
============= */
.showbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5%;
}

.loader {
  position: relative;
  margin: 0 auto;
  width: 100px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}
 @media (max-width: 479px) {
	#header-content > #slogan-container > #slogan > p > img {
	max-width:320px !important;
	height: auto !important;	
	}
 }
  @media (max-width: 480px) {
	body > main #benefits i.benefits-icon {
    width: 192px;
    height: 192px;
}	
#benefits > .row > .col-sm-12.col-md-4 > .row > .col-xs-3.col-sm-offset-1.col-md-12.col-md-offset-0
{width: 100%;}

#benefits > .row > .col-sm-12.col-md-4 > .row > .col-xs-8.col-sm-6.col-md-12
{width:100%;}
 }
 body > main #benefits i.benefits-icon {
    width: 192px;
    height: 192px;
}	
#benefits > .row > .col-sm-12.col-md-4 > .row > .col-xs-3.col-sm-offset-1.col-md-12.col-md-offset-0
{width: 100%;}

#benefits > .row > .col-sm-12.col-md-4 > .row > .col-xs-8.col-sm-6.col-md-12
{width:100%;}
@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}