a:hover {
	    text-decoration: underline !important;
	    outline: none;
	    color: #0074e5 !important;
    	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
	}

	a:focus {
	    outline: none;
	}



.container-fluid {
  padding: 0px !important;
}




	.hidden {
	  display: none;
	}

	.main-color {
	    color: #0074e5;
	}

	.white-text {
	    color: #FFF;
	}

	.blue {
	  color: #0074e5;
	}

	.white {
	  color: #fff !important;
	}

	.align-left {
	  text-align: left;
	}



	/*------------------------------------*\
		Extras
	\*------------------------------------*/

	::-moz-selection {
	    background-color: #0074e5;
	    color: #FFF;
	}

	::selection {
	    background-color: #0074e5;
	    color: #FFF;
	}

	.border-area {
	  border-bottom: 1px solid #ccc;
	}

	.french {
	  font-weight: bold !important;
	  font-family: 'Noto Sans', sans-serif !important;
	}

	.section {
	    position: relative;
	}

	.no-padding {
	  padding: 0px;
	}

	.md-padding {
	    padding-top: 120px;
	    padding-bottom: 120px;
	}

	.contact-padding {
	    padding-top: 120px;
	    padding-bottom: 120px;
	}

	.sm-padding {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}

	.special-container {
	  margin: 0 auto;
    max-width: 1100px;
    padding-left: 25px;
    padding-right: 25px;
	}



	/*------------------------------------*\
		Header
	\*------------------------------------*/

	.special-title {
	  font-size: 3em;
	  margin-bottom: 10px;
	  font-family: 'Noto Sans', sans-serif !important;
	}

	.special-subtitle {
	  font-size: 4.5em;
	  font-weight: 100;
	}

	header {
	  position: relative;
	}

	.section-header {
	    position: relative;
	    margin-bottom: 40px;
	}
    
  .form-area {
    	margin-bottom: 30px !important;
   }

	.text-center .title:after {
	    margin: 20px auto 0px;
	}


	.header-text {
	  margin-top: 60px;
	}

	#home {

	}

	#home .home-wrapper {
	  position: absolute;
	  left: 0px;
	  right: 0px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  text-align: center;
	}

	.home-content button {
	  margin-top: 20px;
	}

	.home-bottom {
	  position: relative;
	  bottom: -65px;
	}

	.header-wrapper h2 {
	    display: inline-block;
	    margin-bottom: 0px;
	}

	.home-bottom h3 {
	  color: white;
	  opacity: 1;
	  font-weight: 300;
	  letter-spacing: 1px;
	  font-size: 1.5em;
	  font-family: 'Noto Sans', sans-serif !important;
	}



	.btn-learn-cta {
	  background: #F7991C;
	}

	.btn-try-cta {
	  background: #0380D4;
	}

	.btn-learn-cta, .btn-try-cta {
	  margin: 0 auto;
	  padding: 10px 50px;
	  display: block;
	  text-align: center;
	  width: 250px;
	  border-radius: 3px;
	  font-size: 1em;
	  font-family: 'Noto Sans', sans-serif !important;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  font-weight: 500;
	  color: white;
	  border: none;
	  cursor: pointer;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
	}

	.btn-learn-cta:hover {
	  background: #E2850B !important;
	  opacity: 1.0;
	  color: white;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
	}

	.btn-try-cta:hover {
	  background: #0380D4 !important;
	  opacity: 1.0;
	  color: white;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
	}



	/*------------------------------------*\
		Contact
	\*------------------------------------*/

	.contact {
	    margin: 15px 0px;
	    text-align: center;
	}

	.get-in-touch-form {
	    text-align: center;
	}

	.get-in-touch-form .input {
	    margin-bottom: 20px;
	}


	.get-in-touch-form .input:nth-child(1), .get-in-touch-form .input:nth-child(2) {
	    width: calc(50% - 10px);
	}

	.get-in-touch-form .input:nth-child(2) {
	    margin-left: 15px;
	}


	@media only screen and (max-width: 767px) {
	  #contact {
	    padding: 30px;
	  }
	}

	/* form */

	input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], input[type="url"], input[type="tel"], textarea {
	  font-family: 'Noto Sans', sans-serif !important;
	    height: 40px;
	    width: 100%;
	    border: none;
		  background: #eee;
	    color: #3F464E;
	    padding: 0px 10px;
	    opacity: 0.5;
	    -webkit-transition: 0.2s border-color, 0.2s opacity;
	    transition: 0.2s border-color, 0.2s opacity;
	}

	label {
	  text-align: left;
    font-weight: 300 !important;
	}

	input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
	    border-color: #1294EF;
	    opacity: 1;
    background: white !important;
    color: #3F464E !important;
	}

	input[type=text] {
	  padding:10px 15px;
	  color: #3F464E !important;
	  border: none;
	  box-shadow: none;
	  -webkit-transition: all 0.2s ease-in;
	  -moz-transition: all 0.2s ease-in;
	  -o-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	}

	input[type=text]:focus {
	  background: white !important;
	  border: 3px solid #1294EF;
	  border-image-slice: 1;
	  outline: none;
	  box-shadow: none;
	  color: #3F464E !important;
	  -webkit-transition: all 0.2s ease-in;
	  -moz-transition: all 0.2s ease-in;
	  -o-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	}

	textarea {
	  padding:10px 15px;
	  margin-top: 20px;
	  margin-bottom: 10px;
	  color: #3F464E !important;
	  border: none;
	  box-shadow: none;
	  min-height: 80px;
	  resize: vertical;
    background: white !important;
	}

	textarea:focus {
	  background: white !important;
	  border: none;
	  outline: none;
	  box-shadow: none;
	  color: #3F464E !important;
	}
    
  a.hs-button.large.primary {
    background: none;
	  margin-top: 15px;
	  padding-left: 50px;
	  padding-right: 50px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-radius: 3px;
	  font-size: 1em;
	  font-family: 'Noto Sans', sans-serif !important;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  background: #1294EF;
	  font-weight: 500;
	  color: white;
	  border: none;
	  cursor: pointer;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
  }
    
  a.hs-button.large.primary:hover {
    background: #0380D4;
	  color: white;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
  }
    
    
    ul.inputs-list {
    	margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Noto Sans', sans-serif !important;
    text-transform: inherit;
    font-weight: normal;
    font-size: 0.7em;
    margin-top: 20px;
      line-height: 1.6;
    }


    
    input[type=checkbox], input[type=radio] {
    	margin: 4px 5px 0 0 !important;
    }
    
	input[type=submit] {
	  background: #0074E5 !important;
	  margin-top: 15px;
	  padding-left: 50px;
	  padding-right: 50px;
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-radius: 3px;
	  font-size: 1em;
	  font-family: 'Noto Sans', sans-serif !important;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  background: #1294EF;
	  font-weight: 500;
	  color: white !important;
	  border: none;
	  cursor: pointer;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
	}
      

	input[type=submit]:hover {
	  background: white !important;
	  color: #0074E5 !important;
	  transition:         0.2s ease-in;
	  -o-transition:      0.2s ease-in;
	  -ms-transition:     0.2s ease-in;
	  -moz-transition:    0.2s ease-in;
	  -webkit-transition: 0.2s ease-in;
	}

	.rc-anchor-light {
	  background: none !important;
	}

	.rc-anchor {
	  box-shadow: none !important;
	  -webkit-box-shadow: none !important;
	}

	.rc-anchor-light.rc-anchor-normal {
	  border: none !important;
	}












	/*------------------------------------*\
		Back to top
	\*------------------------------------*/

	#back-to-top {
	  	display:none;
	  	position: fixed;
	  	bottom: 20px;
	  	right: 20px;
	  	width: 50px;
	  	height: 50px;
	  	line-height: 50px;
	  	text-align: center;
	    font-size: 1.5em;
	  	z-index: 9999;
	    -webkit-transition: 0.3s opacity;
	    transition: 0.3s opacity;
	  	cursor: pointer;
	}


	#back-to-top:hover {
	    opacity: 0.8;
	}


	@media only screen and (max-width: 767px) {
	  .hidden-mobile {
	    display: none !important;
	  }
	}

	@media only screen and (min-width: 767px) {
	  .hidden-desktop {
	    display: none !important;
	  }
    
    	.navbar-laine {
	    display: inline;
    }
	}
	}


	/*------------------------------------*\
		Navigation Bar
	\*------------------------------------*/

	.navbar-laine {
	    padding: 0;
	}

	.navbar-laine .logo, .navbar-laine .logo-white {
	    max-height: 45px;
	    display: inline;
 
	}

	#nav:not(.nav-transparent):not(.fixed-nav) .navbar-laine .logo-white {
		display: none;
	}

	#nav.nav-transparent:not(.fixed-nav) .navbar-laine .logo {
		display: none;
	  float: left;
	}

	#nav.nav-transparent:not(.fixed-nav) .logo-font-dark {
		display: none;
	  float: left;
	}

	#nav.fixed-nav .navbar-laine .logo-white {
	    display: none;
	}

	#nav.fixed-nav .navbar-laine .logo-font-white {
	    display: none;
	}

	@media only screen and (max-width: 767px) {
	    #nav.nav-transparent .navbar-laine .logo-white {
	        display: none !important;
	    }
	    #nav.nav-transparent .navbar-laine .logo {
	        display: block !important;
	        float: left;
	    }
	}

	.logo-font-white {
	  display: inline;
	  font-family: 'Noto Sans', sans-serif !important;
	  text-transform: uppercase;
	  color: white;
	  font-size: 1em;
	  font-weight: 400;
	  margin-left: 15px;
	}

	.logo-font-dark {
	  display: inline;
	  font-family: 'Noto Sans', sans-serif !important;
	  text-transform: uppercase;
	  color: #1294EF;
	  font-size: 1em;
	  font-weight: 400;
	  margin-left: 15px;
	}

	@media only screen and (max-width: 991px) {
	  .logo-font-dark, .logo-font-white  {
	    display: none;
	  }
	}


	#nav {
	    padding: 19px 0px 17px 0px;
	    background: #FFF;
	    -webkit-transition: 0.2s padding;
	    transition: 0.2s padding;
	    z-index: 999;
	}

	#nav.navbar {
	    border: none;
	    border-radius: 0;
	    margin-bottom: 0px;
	}

	#nav.fixed-nav {
	  transition: all 0.3s;
	  position: fixed;
	  left: 0;
	  right: 0;
	  padding: 19px 0px 17px 0px;
	  background-color: rgba(255,255,255,.98) !important;
	  -webkit-box-shadow: 0px 0px 31px -12px rgba(0,0,0,0.7);
	  -moz-box-shadow: 0px 0px 31px -12px rgba(0,0,0,0.7);
	  box-shadow: 0px 0px 31px -12px rgba(0,0,0,0.7);
	}

	#nav.nav-transparent {
	  transition: all 0.3s;
	  position: fixed;
	  left: 0;
	  right: 0;
    top: 0;
	  padding: 19px 0px 17px 0px;
	  background: transparent;
	}

	.slash {
	  cursor: default;
	}

	.slash>a:hover {
	  background: none;
	}

	#nav {
	    width: 100%;
	    transition: all 0.3s;
	}
	#nav.active {
	    width: calc(100% - 75px);
	}

	.nav>li>a:focus, .nav>li>a:hover {
	  background: none;
	}


	@media (max-width: 767px) {
	    #content {
	        width: 100%;
	    }
	    #content.active {
	        width: calc(100% - 250px);
	    }
	    #sidebarCollapse span {
	        display: none;
	    }
	}


	/* -- default nav -- */

	@media only screen and (min-width: 767px) {
	    .main-nav li {
	        padding: 0px 15px;
	    }
	    .main-nav li a {
	        font-size: 14px;
	        -webkit-transition: 0.2s color;
	        transition: 0.2s color;
	    }
	    .main-nav>li>a {
	        color: #0074e5;
	        padding: 15px 0px;
	    }
	    #nav.nav-transparent:not(.fixed-nav) .main-nav>li>a {
	        color: #0074e5;
	    }

	    .main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav>li.active>a {
	        color: #0074e5 !important;
	    }
	    .main-nav>li>a:focus, .main-nav>li.active>a {
	        font-weight: 700;
	    }

	    .main-nav>li>a:after {
	        content: "";
	        display: block;
	        /* animated line background-color: #1294EF; */
	        height: 2px;
	        width: 0%;
	        -webkit-transition: 0.2s width;
	        transition: 0.2s width;
	    }
	    .main-nav>li>a:hover:after, .main-nav>li.active>a:after {
	        width: 100%;
	    }
	    /* dropdown */
	    .has-dropdown {
	        position: relative;
	        margin-top: -15px;
	    }
	    .has-dropdown>a:before {
	        font-family: 'FontAwesome';
	        content: "\f0c9";
	        font-size: 25px;
	        font-weight: 400;
	        margin-left: 6px;
	        float: right;
	        padding: 14px 7px 10px 14px;
	        -webkit-transition: 0.2s transform;
	        transition: 0.2s transform;
	    }

	    .main-nav>.has-dropdown>.dropdown {
	        top: 100%;
	        right: 50%;
	    }
	    .main-nav>.has-dropdown>.dropdown .dropdown.dropdown-left {
	        right: 150%;
	    }
	    .dropdown li a {
	        display: block;
	        color: #FFF;
	        border-top: 1px solid rgba(250, 250, 250, 0.1);
	        padding: 10px 0px;
	    }
	    .dropdown li:nth-child(1) a {
	        border-top: none;
	    }
	    .has-dropdown:hover>.dropdown {
	        opacity: 1;
	        visibility: visible;
	        -webkit-transform: translateY(0px) translateX(50%);
	        -ms-transform: translateY(0px) translateX(50%);
	        transform: translateY(0px) translateX(50%);
	    }


	    .has-dropdown a:hover {
	      opacity: .4;
	    }

	    .has-dropdown a:active {
	    }

	    .nav-collapse {
	        position: relative;
	        float: right;
	        width: 40px;
	        height: 40px;
	        margin-top: 5px;
	        margin-right: 5px;
	        cursor: pointer;
	        z-index: 99999;
	    }

	    .nav-collapse span {
	        display: block;
	        -webkit-transform: translate(-50%, -50%);
	        -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	        position: absolute;
	        top: 50%;
	        left: 50%;
	        width: 25px;
	    }

	    .nav-collapse span:before, .nav-collapse span:after {
	        content: "";
	        display: block;
	    }

	    .nav-collapse span, .nav-collapse span:before, .nav-collapse span:after {
	        height: 4px;
	        background: #10161A;
	        -webkit-transition: 0.2s all;
	        transition: 0.2s all;
	    }

	    .nav-collapse span:before {
	        -webkit-transform: translate(0%, 10px);
	        -ms-transform: translate(0%, 10px);
	        transform: translate(0%, 10px);
	    }

	    .nav-collapse span:after {
	        -webkit-transform: translate(0%, -14px);
	        -ms-transform: translate(0%, -14px);
	        transform: translate(0%, -14px);
	    }

	    #nav.open .nav-collapse span {
	        background: transparent;
	    }

	    #nav.open .nav-collapse span:before {
	        -webkit-transform: translateY(0px) rotate(-135deg);
	        -ms-transform: translateY(0px) rotate(-135deg);
	        transform: translateY(0px) rotate(-135deg);
	    }

	    #nav.open .nav-collapse span:after {
	        -webkit-transform: translateY(-4px) rotate(135deg);
	        -ms-transform: translateY(-4px) rotate(135deg);
	        transform: translateY(-4px) rotate(135deg);
	    }

	    .nav-collapse {
	        display: none;
	    }
	}


	/* -- mobile nav -- */

	@media only screen and (max-width: 767px) {
	    #nav {
	        padding: 0px 0px;
	    }
	    #nav.nav-transparent {
	        background: #FFF;
	    }
	    .main-nav {
	        position: fixed;
	        right: 0;
	        height: calc(100vh - 80px);
	        -webkit-box-shadow: 0px 80px 0px 0px #1C1D21;
	        box-shadow: 0px 80px 0px 0px #1C1D21;
	        max-width: 250px;
	        width: 0%;
	        -webkit-transform: translateX(100%);
	        -ms-transform: translateX(100%);
	        transform: translateX(100%);
	        margin: 20px 0 0 0;
	        overflow-y: auto;
	        background: rgba(28,29,33,0.9);
	        -webkit-transition: 0.2s all;
	        transition: 0.2s all;
	    }
	    #nav.open .main-nav {
	        -webkit-transform: translateX(0%);
	        -ms-transform: translateX(0%);
	        transform: translateX(0%);
	        width: 100%;
	    }
	    .main-nav li {
	        border-top: 1px solid rgba(250, 250, 250, 0.1);
	    }
	    .main-nav li a {
	        display: block;
	        color: white;
	        -webkit-transition: 0.2s all;
	        transition: 0.2s all;
	        padding: 20px;
	    }
	    .main-nav>li.active {
	        border-left: 6px solid #0074e5;
	    }
	    .main-nav li a:hover, .main-nav li a:focus {
	        background-color: #0074e5;
	        color: white;
	        opacity: 1;
	    }
	    .has-dropdown>a:after {
	        content: "\f054";
	        font-family: 'FontAwesome';
	        float: right;
	        -webkit-transition: 0.2s -webkit-transform;
	        transition: 0.2s -webkit-transform;
	        transition: 0.2s transform;
	        transition: 0.2s transform, 0.2s -webkit-transform;
	    }
	    .dropdown {
	        opacity: 0;
	        visibility: hidden;
	        height: 0;
	        background: rgba(250, 250, 250, 0.1);
	    }
	    .dropdown li a {
	        padding: 6px 10px;
	    }
	    .has-dropdown.open-drop>a:after {
	        -webkit-transform: rotate(90deg);
	        -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	    }
	    .has-dropdown.open-drop>.dropdown {
	        opacity: 1;
	        visibility: visible;
	        height: auto;
	        -webkit-transition: 0.2s all;
	        transition: 0.2s all;
	    }
	}


	/* -- nav btn collapse -- */

	.nav-collapse {
	    position: relative;
	    float: right;
	    width: 40px;
	    height: 40px;
	    margin-top: 5px;
	    margin-right: 5px;
	    cursor: pointer;
	    z-index: 99999;
	}

	.nav-collapse span {
	    display: block;
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 25px;
	}

	.nav-collapse span:before, .nav-collapse span:after {
	    content: "";
	    display: block;
	}

	.nav-collapse span, .nav-collapse span:before, .nav-collapse span:after {
	    height: 4px;
	    background: #10161A;
	    -webkit-transition: 0.2s all;
	    transition: 0.2s all;
	}

	.nav-collapse span:before {
	    -webkit-transform: translate(0%, 10px);
	    -ms-transform: translate(0%, 10px);
	    transform: translate(0%, 10px);
	}

	.nav-collapse span:after {
	    -webkit-transform: translate(0%, -14px);
	    -ms-transform: translate(0%, -14px);
	    transform: translate(0%, -14px);
	}

	#nav.open .nav-collapse span {
	    background: transparent;
	}

	#nav.open .nav-collapse span:before {
	    -webkit-transform: translateY(0px) rotate(-135deg);
	    -ms-transform: translateY(0px) rotate(-135deg);
	    transform: translateY(0px) rotate(-135deg);
	}

	#nav.open .nav-collapse span:after {
	    -webkit-transform: translateY(-4px) rotate(135deg);
	    -ms-transform: translateY(-4px) rotate(135deg);
	    transform: translateY(-4px) rotate(135deg);
	}
    
    }