*, *:before, *:after{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.form-group{
padding-left: 0;
}
.dropdown-toggle::after {
	content: none!important;
}
.special{
	margin-right: 30px;
}
.pricing-currency-select{border:0}
.pricing-currency-select:focus{border:0}
.pricing-header__title{text-align:center;color:#fff;margin:4rem 0 2.5rem}
.pricing-header__currency{text-align:center;color:#fff;margin-bottom:3rem}
.pricing-header__currency-select{width:6rem;display:inline-block;margin-left:1rem}
.pricing-header__currency-select::before{font-size:0.6rem;right:9px;background-size:12px 12px;width:12px;height:12px}
.pricing-header__currency-select::after{right:30px;height:28px}
.pricing-header__currency-select select{color:#3d4251;height:2rem;padding:0 0.75rem}
.pricing-header__plan{padding:0.5rem 2.25rem 1.5rem;text-align:center;color:#3d4251;border-radius:4px;max-width:19rem;min-height:22.5rem;position:relative;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}
.pricing-header__plan:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.pricing-header__plan-wrapper{display:flex;justify-content:center;align-items:center}
@media screen and (max-width: 992px){.pricing-header__plan-wrapper{flex-wrap:wrap; margin-top: 20px}.pricing-header__plan{padding: 0.5rem 2rem 1.5rem}.pricing-header__plan-price{margin-top: 0!important;}}
.pricing-header__plan-title{font-size:0.8667rem;font-weight:800;letter-spacing:0.25em;text-transform:uppercase;margin-top:1.5rem}
.pricing-header__plan-price{font-weight:bold;font-size:4rem;position:relative;line-height:1;margin:1rem 0;display:inline-block}
.pricing-header__plan-price-sign{font-size:1.5rem;position:absolute;top:1rem;left:-1rem;font-weight:300}
.pricing-header__plan-price-time{text-transform:uppercase;width:3rem;position:absolute;bottom:5px;right:-3.25rem;font-size:0.8667rem;text-align:left;font-weight:300}
.pricing-header__plan-afterwards{font-size:0.8667rem;margin:0 0 1rem}
.pricing-header__plan-text{margin-top:0; font-size: 1rem; font-weight: 300}
.pricing-header__plan-banner{background-color:#104a5b;margin-left:-2.5rem;margin-right:-2.5rem;margin-top:-0.5rem;margin-bottom:2.25rem;border-top-left-radius:4px;border-top-right-radius:4px;text-transform:uppercase;font-size:1.0625rem;font-weight:bold;letter-spacing:0.3px;line-height:2.375rem}.pricing-header__plan-banner__countdown{color:#ffc932}.pricing-header__plan-button{padding:0 0.5rem;padding-bottom:inherit;position:absolute;bottom:0;width:calc(100% - 5rem)}.pricing-header__plan-button-promo{padding-bottom:3.875rem}.pricing-header__plan--free{color:#fff;border:1px solid #d5eaef}
.pricing-header__plan--free .pricing-header__plan-title{color:#fff}
.pricing-header__plan--year{background:linear-gradient(0deg, #ffc844, #fcd86c);min-height:25rem;margin:0 -4px;z-index:1;padding-bottom:2.75rem}
.pricing-header__plan--year .pricing-header__plan-price{margin-top:2.25rem}
.pricing-header__plan--year .pricing-header__plan-text{margin-top:1rem}
.pricing-header__plan--month .pricing-header__plan-btn{background-color:#fff;border-color:#fff;color:#3d4251}
.pricing-header__plan--month .pricing-header__plan-btn:hover{background-color:#ffe2a6;border-color:#ffe2a6;color:#3d4251}
.pricing-header__plan--year::after{position:absolute;top:-4px;right:1.25rem;width:3rem;height:3rem}
.pricing-header__plan--year:hover,.pricing-header__plan--year:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}
.pricing-header__plan--year-promo .pricing-header__plan-title{color:#fff}
.pricing-header__plan--year-promo:hover,.pricing-header__plan--year-promo:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}
.pricing-header__plan--month{border:1px solid #fff;background-color:#fff}
.pricing-header__plan--firstmonthspecial{max-width:21rem;padding:0.5rem 2.4rem 1.5rem}
.pricing-header__plan--firstmonthspecial .pricing-header__plan-btn{background-color:#ffc844;border:1px solid #ffc844;color:#3d4251;margin-bottom:10px;width:85%}
.pricing-header__plan--firstmonthspecial .pricing-header__plan-btn:hover{background-color:#fbe28d;border-color:#fbe28d}
.pricing-header__plan-link,.pricing-header__plan-link:hover{border:0;color:inherit}
.pricing-header__grouplink{color:#fff;margin:4rem 0;text-align:center}
.pricing-header__plan-link{border-bottom:0;font-weight:300}
.pricing-header__plan-link:hover{border-bottom:0}
.pricing-coupon-header{text-align:center;color:#fff}
.pricing-coupon-header__title{color:#fff;margin-top:4rem}
.pricing-coupon-header__images{display:flex;flex-direction:column;height:28rem;justify-content:center}
.pricing-coupon-header__logo{margin-top:-1rem}
.pricing-coupon-header__access{margin:1.5rem 0}
.pricing-value{margin-bottom:2rem}
.pricing-value__title{margin-top:75px;margin-bottom:40px;text-align:center}.pricing-value__subtitle{text-align:center;width:50%;margin:1rem auto 4.5rem}@media screen and (max-width: 992px){.pricing-value__subtitle{width:75%}}@media screen and (max-width: 450px){.pricing-value__subtitle{width:100%}}.pricing-value__block{margin-bottom:4.5rem;width:50%;display:flex}@media screen and (max-width: 992px){.pricing-value__block{width:100%}}@media screen and (max-width: 450px){.pricing-value__block{flex-wrap:wrap}}.pricing-value__block-wrapper{display:flex;flex-wrap:wrap}.pricing-value__block:nth-child(even){padding-left:5.7rem}@media screen and (max-width: 992px){.pricing-value__block:nth-child(even){padding-left:0}}@media screen and (min-width: 451px) and (max-width: 992px){.pricing-value__block:nth-child(even) .pricing-value__block-img{margin-left:20px;margin-right:calc(2.4rem + 20px)}}.pricing-value__block-img{display:block;flex-shrink:0;margin:0.5rem 2.4rem 0 0}@media screen and (max-width: 450px){.pricing-value__block-img{margin:0.5rem auto 0}}.pricing-value__block-text{float:left}.pricing-groups{background-color:#ebf4f7;text-align:center}.pricing-groups__image{width:100%;padding:0 3rem;margin:5rem 0 1.5rem 0}.pricing-groups__cta{margin-top:1.5rem}.pricing__cta h4{font-weight:300;color:#666666;margin-bottom:2rem}.pricing-features{margin-top:55px;padding-bottom:55px}.pricing-features__title{color:#fff;text-align:center}.pricing-features__content{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:40px;color:#fff}.pricing-features__list{list-style:none;margin-bottom:0;margin-top:0;padding-left:0;margin-top:15px}.pricing-features__group{width:280px}.pricing-features__group+.pricing-features__group{margin-top:30px}.pricing-features__subtitle{color:#fff;text-transform:uppercase;font-size:0.8667rem;font-weight:500;letter-spacing:3px}.pricing-feature{display:flex}.pricing-feature+.pricing-feature{margin-top:10px}.pricing-feature:before{content:"";width:18px;height:18px;display:block;flex-shrink:0;margin-right:10px;border-radius:50%;background:#36d57d url(https://cdn.datacamp.com/main-app/assets/icons/check-icon-white-f712e7b440af32e310728634c1835eebdbe3112c1f05b2e81bfdd3ef0f40e12d.svg) no-repeat 50% 50%/8px 8px;-webkit-transform:translateY(2px);transform:translateY(2px)}@media screen and (min-width: 768px){.pricing-features__content{justify-content:space-between;flex-direction:row;align-items:baseline}.pricing-features__group{width:220px}.pricing-features__group+.pricing-features__group{margin-top:0}}@media screen and (min-width: 992px){.pricing-features__content{padding:0 70px}.pricing-features__group{width:auto}}@media screen and (min-width: 1200px){.pricing-features__content{padding:0 100px}}
.profile-header__left{display:flex;align-items:center}
.dc-btn{border:1px solid transparent;border-radius:4px;display:inline-block;font-size:16px;-webkit-font-smoothing:antialiased;font-weight:700;letter-spacing:inherit;padding:11px 15px;text-align:center;transition:background-color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),border-color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275),color 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dc-btn:active,.dc-btn:focus,.dc-btn:hover{border-color:transparent}.dc-btn+.dc-btn{margin-left:5px}.dc-btn--primary{background-color:#104a5b;border-color:#104a5b;color:#fff}.dc-btn--primary:active,.dc-btn--primary:focus,.dc-btn--primary:hover{background:#195a72;border-color:#195a72;color:#fff}
.dc-btn--primary-light{background-color:#438afe;border-color:#438afe;color:#fff}.dc-btn--primary-light:active,.dc-btn--primary-light:focus,.dc-btn--primary-light:hover{background:#fff;border-color:#438afe;color:#438afe}
.dc-btn--primary-light-basic{background-color:#fff;border-color:#fff;color:#438afe}.dc-btn--primary-light-basic:active,.dc-btn--primary-light-basic:focus,.dc-btn--primary-light-basic:hover{background:#438afe;border-color:#fff;color:#fff}
.dc-btn--secondary{background-color:#ffc844;border-color:#ffc844;color:#3d4251}.dc-btn--secondary:active,.dc-btn--secondary:focus,.dc-btn--secondary:hover{background:#fbe28d;border-color:#fbe28d;color:#3d4251}.dc-btn--tertiary{background-color:transparent;border-color:#7ecce2;color:#3d4251}.dc-btn--tertiary:active,.dc-btn--tertiary:focus,.dc-btn--tertiary:hover{background-color:transparent;border-color:#54bcd9;color:#272a34;color:#3d4251}.dc-btn--tertiary:active,.dc-btn--tertiary:focus,.dc-btn--tertiary:hover{border-color:#ffc844}.dc-btn--bordered-red{background-color:transparent;border-color:#fe5c5c;color:#fe5c5c}.dc-btn--bordered-red:active,.dc-btn--bordered-red:focus,.dc-btn--bordered-red:hover{background-color:transparent;border-color:#fe2929;color:#fe2929;color:#fe5c5c}.dc-btn--green{background-color:#36d57d;border-color:#36d57d;color:#fff}.dc-btn--green:active,.dc-btn--green:focus,.dc-btn--green:hover{background-color:#25b364;border-color:#25b364;color:#e6e6e6;color:#fff}.dc-btn--grey{background-color:#d1d3d8;border-color:#d1d3d8;color:#3d4251}.dc-btn--grey:active,.dc-btn--grey:focus,.dc-btn--grey:hover{background:#e6eaeb;border-color:#e6eaeb;color:#3d4251}.dc-btn--red{background-color:#fe5c5c;border-color:#fe5c5c;color:#fff}.dc-btn--red:active,.dc-btn--red:focus,.dc-btn--red:hover{background:rgba(221,75,57,0.8);border-color:rgba(221,75,57,0.8);color:#fff}.dc-btn--facebook{background-color:#3b5999;border-color:#3b5999;color:#fff}.dc-btn--facebook:active,.dc-btn--facebook:focus,.dc-btn--facebook:hover{background:rgba(59,89,153,0.8);border-color:rgba(59,89,153,0.8);color:#fff}.dc-btn--linkedin{background-color:#0077b5;border-color:#0077b5;color:#fff}.dc-btn--linkedin:active,.dc-btn--linkedin:focus,.dc-btn--linkedin:hover{background:rgba(0,119,181,0.8);border-color:rgba(0,119,181,0.8);color:#fff}.dc-btn--google-plus{background-color:#dd4b39;border-color:#dd4b39;color:#fff}.dc-btn--google-plus:active,.dc-btn--google-plus:focus,.dc-btn--google-plus:hover{background:rgba(221,75,57,0.8);border-color:rgba(221,75,57,0.8);color:#fff}.dc-btn--white-shadowed{background-color:#fff;border-color:#fff;color:#3d4251;box-shadow:0 1px 2px 0 rgba(170,170,170,0.5);font-weight:400;transition:0.25s all cubic-bezier(0.175, 0.885, 0.32, 1.275)}.dc-btn--white-shadowed:active,.dc-btn--white-shadowed:focus,.dc-btn--white-shadowed:hover{background-color:#e6e6e6;border-color:#e6e6e6;color:#272a34;background-color:#fff}.dc-btn--white-shadowed:hover{box-shadow:0 2px 8px 0 rgba(170,170,170,0.5);color:#3ac;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dc-btn--white-shadowed:active,.dc-btn--white-shadowed:focus{border:1px solid #3ac}.dc-btn--white-shadowed-green:hover{color:#36d57d}.dc-btn--white-shadowed-green:active,.dc-btn--white-shadowed-green:focus{border:1px solid #36d57d}.dc-btn--white-shadowed-red:hover{color:#fe5c5c}.dc-btn--white-shadowed-red:active,.dc-btn--white-shadowed-red:focus{border:1px solid #fe5c5c}.dc-btn--bordered{background-color:transparent;border-color:#e6eaeb;color:#3d4251;font-size:0.8667rem;font-weight:400}.dc-btn--bordered:active,.dc-btn--bordered:focus,.dc-btn--bordered:hover{background-color:transparent;border-color:#cad2d4;color:#272a34;color:#3d4251}.dc-btn.disabled,.dc-btn:disabled{background-color:#d5eaef;border-color:#d5eaef;color:#fff}.dc-btn.disabled:hover,.dc-btn:disabled:hover{background-color:#d5eaef;border-color:#d5eaef;color:#fff}.dc-btn--unstyled{background:none;border:0}.dc-btn--link{background:none;border:0;padding:0}.dc-btn--text-light{color:#fff}.dc-btn--text-light:active,.dc-btn--text-light:focus,.dc-btn--text-light:hover{color:#fff}.dc-btn--block{box-sizing:border-box;width:100%}.dc-btn--sm{padding:5px 15px}.dc-btn--lg{font-size:20px;padding:16px 31px}
.dc-btn-group{list-style:none;margin-bottom:0;margin-top:0;padding-left:0;display:flex;flex-wrap:wrap;border:1px solid #e6eaeb;border-radius:4px;max-width:360px}.dc-btn-group__radio{display:none}.dc-btn-group__btn{width:50%;border-bottom:1px solid #e6eaeb}.dc-btn-group__btn:nth-child(odd){border-right:1px solid #e6eaeb}.dc-btn-group__btn:first-child .dc-btn-group__label{border-radius:4px 0 0 0}.dc-btn-group__btn:first-child:nth-last-child(2):nth-child(odd) .dc-btn-group__label{border-radius:4px 0 0 4px}.dc-btn-group__btn:nth-child(2) .dc-btn-group__label{border-radius:0 4px 0 0}.dc-btn-group__btn:last-child:nth-child(2):nth-child(even) .dc-btn-group__label{border-radius:0 4px 4px 0}.dc-btn-group__btn:nth-last-child(2):nth-child(odd){border-bottom:0}.dc-btn-group__btn:nth-last-child(2):nth-child(odd) .dc-btn-group__label{border-radius:0 0 0 4px}.dc-btn-group__btn:last-child:nth-child(even){border-bottom:0}.dc-btn-group__btn:last-child:nth-child(even) .dc-btn-group__label{border-radius:0 0 4px 0}.dc-btn-group__btn:last-child:nth-child(odd){width:100%;border:0}.dc-btn-group__btn:last-child:nth-child(odd) .dc-btn-group__label{border-radius:0 0 4px 4px}.dc-btn-group__radio+.dc-btn-group__label{display:flex;align-items:center;justify-content:center;padding:13px 15px;color:#3d4251}.dc-btn-group__radio+.dc-btn-group__label:before{display:none}.dc-btn-group__radio+.dc-btn-group__label:hover{background-color:#ebf4f7}.dc-btn-group__radio:checked+.dc-btn-group__label{background-color:#3ac;color:#fff;box-shadow:0 0 0 1px #3ac;border-color:transparent;position:relative;z-index:1000;transition:none}@media (min-width: 992px){.dc-btn-group{display:inline-flex;flex-wrap:nowrap;max-width:100%}.dc-btn-group__btn{width:auto;border-bottom:0;border-right:1px solid #e6eaeb;flex-shrink:0}.dc-btn-group__btn:first-child .dc-btn-group__label{border-radius:4px 0 0 4px}.dc-btn-group__btn:nth-child(2) .dc-btn-group__label,.dc-btn-group__btn:nth-last-child(2):nth-child(odd) .dc-btn-group__label{border-radius:0}.dc-btn-group__btn:last-child:nth-child(even),.dc-btn-group__btn:last-child:nth-child(odd){border-right:0;width:auto}.dc-btn-group__btn:last-child:nth-child(even) .dc-btn-group__label,.dc-btn-group__btn:last-child:nth-child(odd) .dc-btn-group__label{border-radius:0 4px 4px 0}.dc-btn-group__radio+.dc-btn-group__label{padding-left:30px;padding-right:30px}}
body, html{
	font-family: 'Dosis', sans-serif!important;
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
.form-subject{
	width: 400px;
}
.link-hello {
    text-decoration: underline!important;
   }
.link-hello:hover {
	color: #438afe!important;
   }
.form-control{
	font-family: 'Dosis', sans-serif!important;
    letter-spacing: 1px;
    padding-left: 15px;
    min-width: 220px;
    border-radius: none!important;
    background-color: #f9f9f9;
    box-shadow: none!important;
	font: 400 13.3333px Arial;
}
.form-control select{
	border: 0;
	width: 100%;
	background-color: #f9f9f9;
}
.form-control select:focus {
	border: 0;
}
.dropdown-menu li:hover{
	background-color: #EEEEEE!important;
}
.cover {
  height: 400px;
  position: inherit;
  margin-left: 0;
  margin-top: 9%;
  top: 0;
  left: 0;
}
.signup {
  padding-top: 28%;
  background-color: #f6f6f6;
}
.signup form {
  margin-top: 10%;
}

.login {
  background-color: #f6f6f6;
  width: 100%;
  height: 330px;
  border-radius: 7px;
}

.login {
  padding: 10px 20px;
}

.login form {
  margin-top: 20px;
}
ul li{
	list-style: none;
}
a, a:hover{
	color: #000!important;
	text-decoration: none!important;
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
}
.btn{
	position: relative;
	z-index: 2;
	min-width: 150px;
	height: 40px;
	line-height: 30px;
	border-radius: 50px!important;
	background-color: #000;
	text-align: center;
}
.btn a{
	color: #fff!important;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}
.post-form textarea, .post-form input {
	width: 100%;
}
#particle-canvas{
	position: fixed!important;
	background: transparent!important;
  width: 100%;
  height: 100%;
  z-index: 1;
}
canvas{
	width: 100%!important;
}
.menu{
	position: relative;
	margin-top: 10px;
	z-index: 999;
}
.sidebar .menu{
	position: absolute;
	z-index: 999;
	top: 10px;
	right: 10px;
	z-index: 999;
}
.sidenav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
  height: 30px;
}
.sidenav ul{
	display: none;
  position: relative;
  z-index: 999;
  padding: 0;
  margin: 0;
  width: inherit;
  width: 200px;
  height: 30px;
  cursor: pointer;
}
.sidenav ul li{
	position: relative;
	z-index: 999;
  padding: 0;
  margin: 0 auto;
  float: left;
  font-size: 23px;
  color: #438afe;
  opacity: 1;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.sidenav ul li a{
	color: #fff;
}
.sidebar{
  position: absolute;
  top: 0;
  height: inherit;
  z-index: 999;
  padding-top: 40px;
  width: 300px;
  background: #438afe;
  -webkit-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.sidebar ul{ 
	width: inherit; 
}
.sidebar ul li{
  margin: 5px 5px;
  padding: 10px;
  font-size: 22px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar ul li a{
	color: #fff!important;
}
.sidebar ul li:hover{ 
	opacity: 1; 
}
.hide-sidebar{ 
	left: -300px; 
	-webkit-transition: 0.2s ease; 
	-o-transition: 0.2s ease; 
	transition: 0.2s ease;
}
.show-sidebar{ 
	left: 0; 
	-webkit-transition: 0.4s ease; 
	-o-transition: 0.4s ease; 
	transition: 0.4s ease;
}
.menu-clicked{
  opacity: 1;
}
.centered{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: -15px;
}
.btn-nav-try{
	position: relative;
	z-index: 6;
	width: 200px;
	height: 45px;
	line-height: 30px!important;
	font-weight: bold;
	background: #438afe;
	border: 1px solid #fff!important;
	-webkit-transition: 0.3s ease!important;
	-o-transition: 0.3s ease!important;
	transition: 0.3s ease!important;
}
.btn-nav-try a{
	font-size: 16px;
	letter-spacing: 1px;
	color: #438afe!important;
}
#main{
	width: 100%;
	min-height: 100%;
	padding-top: 70px;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.top-content{
	position: fixed;
	top: 0;
	padding-bottom: 10px;
	z-index: 6;
	background-color: #fff;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	margin-top: 0;
}
.logo{
	position: relative;
	z-index: 2;
	min-width: 225px;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.logo img{
	width: 75px;
	height: 75px;
	-o-object-fit: contain;
	   object-fit: contain;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 10px;
}
.logo a{
	font-size: 37px;
	text-transform: uppercase;
	color: #438afe!important;
	font-weight: bold!important;
}
.logo .color-txt{
	color: #000!important;
}
.top-menu .nav{
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.top-menu .nav li{
	margin-right: 60px;
}
.top-menu .dropdown a{
	margin-right: 60px;
}
.top-menu .nav li a{
	font-weight: 300!important;
	color: #000!important;
	font-size: 18px!important;
}
.top-menu .nav li a:hover{
	color: #438afe!important;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.nav-item > a{
  position: relative;
  z-index: 2;
  color: #000;
  text-decoration: none;
  padding-bottom: 5px;
  font-size: 18px;
}

.nav-item > a:hover,
.nav-item > a:active{
  color: #000;
}
.nav-item > a:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #438afe;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.nav-item > a:hover:before,
.nav-item > a:active:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}
.log-in-container{
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.btn-log{
	min-width: 120px;
	width: 150px;
	height: 37px;
	line-height: 23px!important;
	font-weight: bold;
	background-color: #438afe;
	margin: 0 auto;
	-webkit-transition: 0.3s!important;
	-o-transition: 0.3s!important;
	transition: 0.3s!important;
}

.btn-log a{
	font-size: 17px!important;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn-log:hover{
	border: 1px solid #438afe;
	background-color: #fff;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn-log:hover a{
	color: #438afe!important;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
.btn-a{
	color: #fff!important;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 19px;
	letter-spacing: 1px;
	color: #438afe!important;
}
.main-content{
	width: 100%;
	height: 400px;
	padding: 0 25px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}
.main-txt{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 29px;
	margin-bottom: 20px;
	letter-spacing: 1.5px;
}
.main-txt,
.main-txt-2{
	position: relative;
	z-index: 5;
	width: 55%;
	text-align: center;
	color: #000;
}
.main-txt-2{
	font-weight: 300;
	font-size: 23px;
}
.main-txt-3{
	font-weight: 300;
	font-size: 15px;
}
.btn-more{
	position: relative;
	z-index: 5;
	width: 325px;
	height: 50px;
	line-height: 37px!important;
	margin-top: 40px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #438afe!important;
	-webkit-transition: 0.3s ease!important;
	-o-transition: 0.3s ease!important;
	transition: 0.3s ease!important;
	cursor: pointer;
}
.btn-more a{
	font-size: 19px;
	letter-spacing: 1px;
	color: #438afe!important;
}
#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	max-height: 300px;
	padding: 0 5px;
	padding-top: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: end;
	    align-content: flex-end;
}
.footer-content{
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
	width: 30%;
	max-height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-line-pack: start;
	    align-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 auto;
}
.fade-msgs{
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	font-size: 14px;
	text-align: left;
	min-width: 250px;
	height: 100px;
	margin-top: 25px;
}
.fade-msgs .ask,
.fade-msgs .answ{
	font-family: 'Tahoma', sans-serif!important;
	min-width: 100%;
	height: 50px;
	line-height: 46px;
	padding: 0 25px;
	min-width: 50px;
	border-radius: 40px;
	color: #000;
}
.fade-msgs .ask{
	margin-left: -13px;
	background: #e8e8ea;
	color: #000;
}
.fade-msgs .ask > img{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	border-radius: 50%;
	left: -54px;
	top: 1px;
	max-width: 48px;
	width: 46px;
	height: 46px;
}
.fade-msgs .answ{
	margin-top: 8px;
	background: #438afe;
	color: #fff;
}
.fade-msgs .answ > img{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: absolute;
	right: -55px;
	max-width: 48px;
	width: 48px;
	height: 48px;
}
#cookies-container{
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 20px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 5px;
	background: #438afe;
}
#cookies-container p{
	color: #fff;
	font-size: 17px;
	margin: 0;
	font-weight: 400;
}
#cookies-container .btn-cookies{
	position: relative;
	z-index: 3;
	width: 100px;
	height: 25px;
	line-height: 10px!important;
	font-weight: bold;
	color: #fff!important;
	background: transparent;
	text-align: center;
	border: 1px solid #fff!important;
	-webkit-transition: 0.3s ease!important;
	-o-transition: 0.3s ease!important;
	transition: 0.3s ease!important;
	margin-left: 30px;
}
#cookies-container .btn-cookies:hover{
	background: #fff;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
#cookies-container .btn-cookies span{
	display: block;
	color: #fff!important;
	width: 100%;
	height: 100%;
}
#cookies-container .btn-cookies:hover span{
	color: #438afe!important;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}


/***** START Main Adaptive *****/
@media screen and (max-width:1425px){
	body, 
	html{
		overflow-x: hidden;
	}
	#cookies-container p{
		font-size: 14px;
	}
	.main-content{
		width: 100%;
		height: 350px;
	}
	.main-txt{
		text-transform: uppercase;
		font-weight: 400;
		font-size: 22px;
		margin-bottom: 20px;
	}
	.main-txt-2{
		font-weight: 300;
		font-size: 20px;
	}
	.btn-more{
		margin-top: 19px;
	}
	.top-menu .nav li a{
		font-size: 18px!important;
	}
	.top-menu .nav li{
		margin-right: 20px;
	}
	.top-menu .dropdown a{
	margin-right: 20px;
	}
}
@media screen and (max-width:1024px){
	.main-content{
		margin-top: 25px;
	}
	.main-txt, 
	.main-txt-2{
		display: block;
		width: 75%;
	}
	.top-menu{
		display: none;
	}
	.top-log {
		display: none;
	}
	.sidenav ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}
@media screen and (max-width:768px){
	.main-txt, 
	.main-txt-2{
		display: block;
		width: 90%;
	}
	.logo{
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	body{
    	-webkit-overflow-scrolling: touch;
	}
}
@media screen and (max-width:580px){
	#cookies-container p{
		text-align: center;
	}
}
@media screen and (max-width:480px){
  #particle-canvas{
    display: none;
  }
  #cookies-container{
    display: none;
  }
	.main-content{
		margin-top: 80px;
	}
	.main-txt{
		display: block;
		width: 100%;
		font-size: 19px;
	}
	.main-txt-2{
		display: block;
		width: 100%;
		font-size: 17px;
	}
	.sidenav{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 5px;
		margin-top: -10px;
	}
	#cookies-container{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 5px;
		background: #438afe;
	}
	#cookies-container p{
		text-align: center;
		font-size: 12px;
	}
	#cookies-container .btn-cookies{
		margin: 0;
		margin-top: 5px;
		margin-left: 10px;
	}
	.top-content{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.log-in-container{
		margin-top: 15px;
	}
	.logo{
		text-align: center;
		margin-bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: -15px;
	}
	.top-menu{
		text-align: center;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: none;
	}
	.top-log {
		display: none;
	}
	.top-menu .nav{
		position: 0;
	}
	.top-menu .nav li{
		margin-right: 0;
		text-align: center;
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.sidebar{
		width: 100%;
	}
	.hide-sidebar{ 
		left: -100%; 
	}
	.top-menu .dropdown a{
	margin-right: 0px;
	}
}
@media screen and (max-width:320px){
	.top-content{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.btn-more{
		width: 275px;
		margin-top: 20px;
	}
	.btn-more a{
		font-size: 17px;
	}
	.main-txt,
	.main-txt-2{
		min-width: 275px;
	}
	#cookies-container{
		z-index: 999;
	}
}
/***** END Main Adaptive *****/




/***** START Animation Responsive *****/
	@media screen and (max-height:880px){
	  .footer-content{
	    padding-top: 15px;
	  }
		.fade-msgs:first-child{
			margin-top: 50px;
		}
	}
	@media screen and (max-height:680px){
	  .footer-content{
	    padding-top: 15px; 
	  }
		.fade-msgs:first-child{
			margin-top: 150px;
			margin-bottom: -30px;
		}
	}
	@media screen and (max-height:610px){
		#footer{
			display: none;
		}
	}


	@media screen and (max-width:1425px){
		#footer{
			max-height: 300px;
		}
		.fade-msgs{
			font-size: 13px;
			text-align: left;
		}
		.fade-msgs .ask,
		.fade-msgs .answ{
			min-width: 250px;
			height: 35px;
			line-height: 32px;
			padding: 1px 15px;
		}
		.fade-msgs .ask{
			margin-left: 0;
		}
		.fade-msgs .ask > img{
			left: -40px;
			width: 33px;
			height: 33px;
		}
		.fade-msgs .answ > img{
			right: -42px;
			top: 0;
			width: 35px;
			height: 38px;
		}
	}
	@media screen and (max-width:1024px){
		#footer{
			max-height: 275px;
		}
		.footer-content{
			width: 35%;
		}
		.fade-msgs,
		.fade-msgs .ask,
		.fade-msgs .answ{
			min-width: 275px;
		}
		.fade-msgs .ask{
			margin-left: 0;
		}
		.fade-msgs .ask > img{
			left: -40px;
			width: 33px;
			height: 33px;
		}
		.fade-msgs .answ > img{
			right: -42px;
			top: 0;
			width: 35px;
			height: 38px;
		}
	}
	@media screen and (max-width:964px){
		#footer{
			max-height: 250px;
		}
		.fade-msgs .ask{
			margin-left: 0;
		}
	}
	@media screen and (max-width:748px){
		.fade-msgs:first-child{
			margin-top: 100px;
		}
	}
	@media screen and (max-width:768px){
		#footer{
			max-height: 200px;
		}
		.footer-content{
			width: 70%;
		}
	}
	@media screen and (max-width:480px){
		#footer{
			margin-left: -15px;
		}
		.footer-content{
			width: 100%;
		}
		.form-subject{
			width: 100%;
		}
		.fade-msgs{
			min-width: 75px;
		}
		.fade-msgs:first-child{
			margin-top: 150px;
			margin-bottom: -20px;
		}
		.fade-msgs .ask > img,
		.fade-msgs .answ > img{
			display: none;
		}
	}
/***** END Animation Responsive *****/




/***** START Animation Mobile Adaptive *****/
@media screen and (max-width:764px){

	    @-webkit-keyframes fadeinout-mobile{
	      0%{
	      	-webkit-transform: translateY(0px);
	      	        transform: translateY(0px); 
	      	opacity: 0; 
	      }
	      10%{ 
	      	opacity: 1; 
	      }
	      30%{ 
	      	opacity: 1; 
	      	-webkit-transform: translateY(-130px); 
	      	        transform: translateY(-130px);
	      }
	      60%{
	      	opacity: 1; 
	      	-webkit-transform: translateY(-130px); 
	      	        transform: translateY(-130px);
	      }
	      95%{ 
	      	opacity: 1; 
	      	-webkit-transform: translateY(-130px); 
	      	        transform: translateY(-130px);
	      }
	      100%{
	      	opacity: 1;
	      	-webkit-transform: translateY(-130px);
	      	        transform: translateY(-130px);
	      }
	    }
	    @keyframes fadeinout-mobile{
	      0%{
	      	-webkit-transform: translateY(0px);
	      	        transform: translateY(0px); 
	      	opacity: 0; 
	      }
	      10%{ 
	      	opacity: 1; 
	      }
	      30%{ 
	      	opacity: 1; 
	      	-webkit-transform: translateY(-130px); 
	      	        transform: translateY(-130px);
	      }
	      60%{
	      	opacity: 1; 
	      	-webkit-transform: translateY(-130px); 
	      	        transform: translateY(-130px);
	      }
	      95%{ 
	      	opacity: 1; 
	      	-webkit-transform: translateY(-130px); 
	      	        transform: translateY(-130px);
	      }
	      100%{
	      	opacity: 1;
	      	-webkit-transform: translateY(-130px);
	      	        transform: translateY(-130px);
	      }
	    }
	    .wave-1.fade-1-1{
				-webkit-animation: fadeinout-mobile 10s linear both!important;
			  animation: fadeinout-mobile 10s linear both!important;
			  -webkit-animation-iteration-count: 1;
			          animation-iteration-count: 1;
			  -webkit-animation-delay: 1s!important;
			          animation-delay: 1s!important;
			} 
			.wave-1.fade-1-2{
				-webkit-animation: fadeinout-mobile 9s linear both!important;
			  animation: fadeinout-mobile 9s linear both!important;
			  -webkit-animation-iteration-count: 1;
			          animation-iteration-count: 1;
			  -webkit-animation-delay: 6s!important;
			          animation-delay: 6s!important;
			}
	    .fade-msgs.wave-2,
	    .fade-msgs.wave-3,
	    .fade-msgs.wave-4,
	    .fade-msgs.wave-5,
	    .fade-msgs.wave-6,
	    .fade-msgs.wave-7, 
	    .fade-msgs.wave-8{
	        display: none; 
	    }
	    .fade-msgs.wave-1.fade-1-1{
	        margin-top: -30px;
	    }
	    .fade-msgs.wave-1.fade-1-2{
	        margin-top: 10px;
	    }

			@media screen and (max-height:880px){
			  .footer-content{
			    padding-top: 15px;
			   }
			}
			@media screen and (max-height:750px){
				.footer-content{
			    padding-top: 190px;
			   }
			}
			@media screen and (max-height:700px){
				.footer-content{
			    padding-top: 260px;
			   }
			}
			@media screen and (max-height:650px){
				.footer-content{
			    padding-top: 290px;
			   }
			}
			@media screen and (max-height:599px){
				#footer{
					display: none;
				}
			}

}
/***** END Animation Mobile Adaptive *****/



/***** START Inner pages template *****/
		.page-main-content{
			position: relative;
			z-index: 2;
			min-width: 285px;
			width: 100%;
			height: 100%;
			padding: 75px 25px;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
		}
		.page-main-content .page-heading{
			position: relative;
			z-index: 1;
			text-align: center;
			margin-bottom: 30px;
		}
		.page-main-content .info-txt{
			position: relative;
			z-index: 1;
			display: block;
			width: 60%;
			text-align: left;
			margin-bottom: 15px;
			color: #000;
			font-size: 25px;
			letter-spacing: 0.5px;
		}
		.page-main-content a{
			color: #000;
			font-size: 24px;
			letter-spacing: 1px;
			text-decoration: underline!important;
		}
		.page-main-content a:hover{
			color: #438afe!important;
			-webkit-transition: 0.3s ease;
			-o-transition: 0.3s ease;
			transition: 0.3s ease;
		}
		.page-main-content .screen-img{
			position: relative;
			z-index: 2;
			width: 350px;
			height: 675px;
			-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
			box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
		}
        .page-main-content .screen-video{
			position: relative;
			z-index: 2;
			width: 550px;
			height: 325px;
			-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
			box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
		}
		.page-main-content .info-container{
			margin-bottom: 50px;
		}

		@media screen and (max-width:1098px) {
			.info-txt.special{
				width: 100%;
				max-width: none!important;
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media screen and (max-width:968px){
			.page-heading{
				margin: auto;
			}
			.page-main-content{
				width: 100%;
			}
			.page-main-content .info-txt{
				width: 46%
			}
			.page-main-content .screen-img{
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				width: 260px;
				height: 500px;
			}
            .page-main-content .screen-video{
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				width: 550px;
				height: 325px;
				margin: auto;
			}
			.info-txt.special{
				width: 100%;
				max-width: none!important;
				text-align: center;
			}
		}
		@media screen and (max-width:764px){
			.page-main-content{
				width: 100%;
			}
			.page-main-content .info-container{		
				width: 100%;
				padding-top: 40px;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
			}
			.page-main-content .screen-img{
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				width: 350px;
				height: 675px;
			}
            .page-main-content .screen-video{
				-webkit-box-ordinal-group: 2;
				    -ms-flex-order: 1;
				        order: 1;
				width: 350px!important;
				height: 200px!important;
			}
			.page-main-content .info-txt{
				position: relative;
				z-index: 2;
				display: block;
				width: 90%;
				text-align: left;
				margin-bottom: 15px;
				color: #000;
				font-size: 22px;
			}
			.page-main-content .page-heading{
				display: block;
				margin: 0 auto;
			}
		}
		@media screen and (max-width:480px){
			.page-main-content{
				padding-top: 100px;
			}
			.form-subject{
				width: 100%;
			}
			.page-main-content .info-container{
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				width: 100%;
			}
			.page-main-content .screen-img{
				width: 320px;
				height: 625px;
				margin-bottom: -60px;
				margin-top: 20px;
			}
            .page-main-content .screen-video{
				width: 320px!important;
				height: 190px!important;
				margin-bottom: -60px;
				margin-top: 20px;
			}
			.page-main-content .info-txt{
				text-align: center;
			}
		}
		@media screen and (max-width:320px){
		  .page-main-content{
				padding-top: 120px;
				text-align: center;
			}
			.page-main-content .screen-img{
				width: 87%;
				height: 500px;
			}
            .page-main-content .screen-video{
				width: 75%!important;
				height: 150px!important;
			}
		}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    animation-duration: 0.65s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    nimation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
  }

  @-webkit-keyframes tada {
	  0% {
		  -webkit-transform: scale3d(1, 1, 1);
		  transform: scale3d(1, 1, 1);
	  }
	  10%, 20% {
		  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	  }
	  30%, 50%, 70%, 90% {
		  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	  }
  }


/***** END Inner pages template *****/