/*--------------------------------------------------------------
# roots
--------------------------------------------------------------*/
:root {
	--white: #fff;
	--grey01: #f9f9f9;
	--grey02: #eeeeee;
	--grey03: #dddddd;
	--grey04: #cccccc;
	--grey05: #bbbbbb;
	--grey06: #acacac;
	--grey07: #999999;
	--grey08: #848484;
	--grey09: #777777;
	--grey10: #5A5A5A;
	--grey11: #404040;
	--grey12: #333333;
	--grey13: #262626;

	--light:#e8edf5;
	--dark:#444;

	--primary:#013737;
	--secondary:#f4f4f4;
	--primaryopac:rgba(0, 55, 55, 0.9);
	--primaryopac2:rgba(10, 115, 115, 0.7);

	--link:#018385;	
	--linkhover:#05999b;	

	--green1:#28a745;
	--red1:#ed3c0d;
	--green2:#18d26e;
	
	--rd:0.4em;
}

/*--------------- General -------------------------------------------------*/
	body {font-family: "Open Sans", sans-serif;color: var(--grey11);}
	a {color: var(--link);text-decoration: none;}
	a:hover {color: var(--linkhover);text-decoration: none;}
	h1,h2,h3,h4,h5,h6 {font-family: "Jost", sans-serif;}
	body.basic li,body.sitemap li {list-style-type: none;}
	.light-bg {background-color: var(--secondary);}
	.light-bg {background: linear-gradient(40deg, var(--grey01), var(--secondary));}


/*--------------- Top back-------------------------------------------------*/
	.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: var(--link);width: 40px;height: 40px;border-radius: 50px;transition: all 0.4s;}
	.back-to-top i {font-size: 24px;color: var(--white);line-height: 0;}
	.back-to-top:hover {background: var(--linkhover);color: var(--white);}
	.back-to-top.active {visibility: visible;opacity: 1;}

/*--------------- Header --------------------------------------------------*/
	#header {transition: all 0.5s;z-index: 997;padding: 15px 0;}
	#header.header-scrolled,#header.header-inner-pages {background: var(--primaryopac);}
	#header .logo {font-size: 30px;margin: 0;padding: 0.2em 0.4em 0.2em 0.2em;line-height: 1;font-weight: 500;letter-spacing: 2px;text-transform: uppercase;/*background: #ffffff4d; border-radius: 0.2em; border-bottom-right-radius: 1em;border-top-right-radius: 1em;*/}
	#header .logo a {color: var(--white);}
	#header .logo img {max-height: 40px;}

/*--------------- Breadcrumbs ---------------------------------------------*/
	.breadcrumbs {padding: 15px 0;background: var(--secondary);min-height: 40px;margin-top: 72px;}
	.breadcrumbs h2 {font-size: 28px;font-weight: 600;color: var(--primary);}
	.breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0 0 10px 0;margin: 0;font-size: 14px;}
	.breadcrumbs ol li+li {padding-left: 10px;}
	.breadcrumbs ol li+li::before {display: inline-block;padding-right: 10px;color: var(--link);content: "/";}
	@media (max-width: 992px) {.breadcrumbs {margin-top: 68px;}}

/*--------------- Navigation -----------------------------------------------*/
	.navbar {padding: 0;}
	.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
	.navbar li {position: relative;}
	.navbar a, 	.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 0 10px 30px;font-size: 15px;font-weight: 500;color: var(--white);white-space: nowrap;transition: 0.3s;}
	.navbar a i,.navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
	.navbar a:hover,.navbar .active,.navbar .active:focus,.navbar li:hover>a {color: var(--link);}
	.navbar .highlighted,
	.navbar .highlighted:focus {padding: 8px 20px;margin-left: 30px;border-radius: 50px;color: var(--white);font-size: 14px;border: 2px solid var(--link);font-weight: 600;}
	.navbar .highlighted:hover,.navbar .highlighted:focus:hover {color: var(--white);background: var(--linkhover)}
	.navbar .dropdown ul {display: block;position: absolute;left: 14px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: var(--white);box-shadow: 0px 0px 6px var(--light);transition: 0.3s;border-radius: 4px;}
	.navbar .dropdown ul li {min-width: 200px;}
	.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;text-transform: none;font-weight: 500;color: var(--primary);}
	.navbar .dropdown ul a i {font-size: 12px;}
	.navbar .dropdown ul a:hover,.navbar .dropdown ul .active:hover,.navbar .dropdown ul li:hover>a {color: var(--link);}
	.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
	.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
	.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}

	@media (max-width: 1366px) {
	 .navbar .dropdown .dropdown ul {left: -90%;}
	 .navbar .dropdown .dropdown:hover>ul {left: -100%;}
	}

	.mobile-nav-toggle {color: var(--white);font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
	.mobile-nav-toggle.bi-x {color: var(--white);}
	@media (max-width: 991px) {
	 .mobile-nav-toggle {display: block;}
	 .navbar ul {display: none;}
	}

	.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: var(--primaryopac);transition: 0.3s;z-index: 999;}
	.navbar-mobile .mobile-nav-toggle {position: absolute;top: 1em;right: 1em;}
	.navbar-mobile ul {display: block;position: absolute;top: 55px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;border-radius: 10px;background-color: var(--white);overflow-y: auto;transition: 0.3s;}
	.navbar-mobile a,.navbar-mobile a:focus {padding: 10px 20px;font-size: 15px;color: var(--primary);}
	.navbar-mobile a:hover,.navbar-mobile .active,.navbar-mobile li:hover>a {color: var(--link);}
	.navbar-mobile .highlighted,.navbar-mobile .highlighted:focus {margin: 15px;color: var(--primary);}
	.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: var(--white);box-shadow: 0px 0px 30px var(--light);}
	.navbar-mobile .dropdown ul li {min-width: 200px;}
	.navbar-mobile .dropdown ul a {padding: 10px 20px;}
	.navbar-mobile .dropdown ul a i {font-size: 12px;}
	.navbar-mobile .dropdown ul a:hover,
	.navbar-mobile .dropdown ul .active:hover,
	.navbar-mobile .dropdown ul li:hover>a {color: var(--link);}
	.navbar-mobile .dropdown>.dropdown-active {display: block;}

/*--------------- Sections General ---------------------------------------*/
	section {padding: 60px 0;overflow: hidden;}
	.section-title {text-align: center;padding-bottom: 30px;}
	.section-title h2 {font-size: 32px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;padding-bottom: 20px;position: relative;color: var(--primary);}
	.section-title h2::before {content: "";position: absolute;display: block;width: 120px;height: 1px;background: var(--grey03); bottom: 1px;left: calc(50% - 60px);}
	.section-title h2::after {content: "";position: absolute;display: block;width: 40px;height: 3px;background: var(--link);bottom: 0;left: calc(50% - 20px);}
	.section-title p {margin-bottom: 0;}

/*--------------- Hero  --------------------------------------------------*/
	#hero {width: 100%;height: 80vh;/*background: var(--primary);*/}
	#hero.hero-bg {background: linear-gradient(150deg, var(--primary) 20%, var(--primaryopac2)), url("../img/hero/alpin2.jpg") fixed center center; background-size: cover;padding: 120px 0; }
	#hero .container {padding-top: 72px;}
	#hero h1 {margin: 0 0 10px 0;font-size: 48px;font-weight: 700;line-height: 56px;color: var(--white);}
	#hero h2 {color: var(--secondary);margin-bottom: 50px;font-size: 24px;}
	#hero .btn-get-started {font-family: "Jost", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 1px; display: inline-block;padding: 10px 28px 11px 28px;border-radius: 50px;transition: 0.5s;margin: 10px 0 0 0; color: var(--white);background: var(--link);}
	#hero .btn-get-started:hover {background: var(--linkhover);}
	#hero .btn-hero {font-size: 1em;display: flex;align-items: center;transition: 0.5s;color: var(--white);line-height: 1;}
	#hero .btn-hero i {line-height: 0;color: var(--white);font-size: 1.7em;transition: 0.3s;margin: 0.5em;}
	#hero .btn-hero:hover i {color: var(--link);}
	#hero .animated {animation: heromove 2s ease-in-out infinite alternate-reverse both;}

	@media (max-width: 991px) {
	 #hero {height: 100vh;text-align: center;}
	 #hero .animated {animation: none;}
	 #hero .hero-img {text-align: center;}
	 #hero .hero-img img {width: 50%;}
	}

	@media (max-width: 768px) {
	 #hero h1 {font-size: 28px;line-height: 36px;}
	 #hero h2 {font-size: 18px;line-height: 24px;margin-bottom: 30px;}
	 #hero .hero-img img {width: 70%;}
	}

	@media (max-width: 575px) {
	 #hero .hero-img img {width: 80%;}
	 #hero .btn-get-started {font-size: 16px;padding: 10px 24px 11px 24px;}
	}

	@keyframes heromove {
	 0% {transform: translateY(10px);}
	 100% {transform: translateY(-10px);}
	}

/*--------------- Clients -----------------------------------------------*/
	.clients {padding: 12px 0;text-align: center;}
	.clients img {max-width: 45%;transition: all 0.4s ease-in-out;display: inline-block;padding: 15px 0;filter: grayscale(100);}
	.clients img:hover {filter: none;transform: scale(1.1);}
	@media (max-width: 768px) {.clients img {max-width: 40%;}}

/*--------------- About Us -----------------------------------------------*/
	.about .content h3 {font-weight: 600;font-size: 26px;margin-bottom:1em;}
	.about .content ul {list-style: none;padding: 0;}
	.about .content ul li {padding-left: 28px;position: relative;}
	.about .content ul li+li {margin-top: 10px;}
	.about .content ul i {position: absolute;left: 0;top: 2px;font-size: 20px;color: var(--link);line-height: 1;}
	.about .content p:last-child {margin-bottom: 0;}
	.about .content img {max-width:100%;  height: 100%;transition: 1s;}
	.about .content img:hover {filter: drop-shadow(0px 0px 3px grey);transform: scale(1.1);}
	.about .content .btn-learn-more {font-family: "Poppins", sans-serif;font-weight: 500;font-size: 14px;letter-spacing: 1px; display: inline-block;padding: 12px 32px;border-radius: 4px;transition: 0.3s;line-height: 1; color: var(--link);animation-delay: 0.8s;margin-top: 6px;border: 2px solid var(--link);}
	.about .content .btn-learn-more:hover {background: var(--link);color: var(--white);text-decoration: none;}

/*--------------- References ---------------------------------------------*/
	section.references {padding: 0;}
	.references .content {padding: 60px 100px 0 100px;}
	.references .content h3 {font-weight: 400;font-size: 34px;color: var(--primary);}
	.references .content h4 {font-size: 20px;font-weight: 700;margin-top: 5px;}
	.references .content p {font-size: 15px;color: var(--grey08);}
	.references .img {background-size: cover;background-repeat: no-repeat;background-position: center center;}
	.references .accordion-list {padding: 0 100px 60px 100px;}
	.references .accordion-list ul {padding: 0;list-style: none;}
	.references .accordion-list li+li {margin-top: 15px;}
	.references .accordion-list li {padding: 20px;background: var(--white);border-radius: 4px;}
	.references .accordion-list a {display: block;position: relative;font-family: "Poppins", sans-serif;font-size: 16px;line-height: 24px;font-weight: 500;padding-right: 30px;outline: none;cursor: pointer;}
	.references .accordion-list span {color: var(--link);font-weight: 600;font-size: 18px;padding-right: 10px;}
	.references .accordion-list i {font-size: 24px;position: absolute;right: 0;top: 0;}
	.references .accordion-list p {margin-bottom: 0;padding: 10px 0 0 0;}
	.references .accordion-list .icon-show {display: none;}
	.references .accordion-list a.collapsed {color: var(--grey12);}
	.references .accordion-list a.collapsed:hover {color: var(--link);}
	.references .accordion-list a.collapsed .icon-show {display: inline-block;}
	.references .accordion-list a.collapsed .icon-close {display: none;}

	@media (max-width: 1024px) {.references .content, .references .accordion-list {padding-left: 0;padding-right: 0;}}
	@media (max-width: 992px) {
	 .references .img {min-height: 400px;}
	 .references .content {padding-top: 30px;}
	 .references .accordion-list {padding-bottom: 30px;}
	}
	@media (max-width: 575px) {.references .img {min-height: 200px;}}

/*--------------- Services -----------------------------------------------*/
	.services .icon-box {box-shadow: 0px 0 25px 0 var(--light);padding: 50px 30px;transition: all ease-in-out 0.4s;background: var(--white);flex:auto;}
	.services .icon-box .icon {margin-bottom: 10px;}
	.services .icon-box .icon i {color: var(--link);font-size: 36px;transition: 0.3s;}
	.services .icon-box h4 {font-weight: 500;margin-bottom: 15px;font-size: 24px;}
	.services .icon-box h4 a {color: var(--primary);transition: ease-in-out 0.3s;}
	.services .icon-box p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
	.services .icon-box:hover {transform: translateY(-10px);}
	.services .icon-box:hover h4 a {color: var(--link);}

/*--------------- Services2 -----------------------------------------------*/
	section.services-details {padding:0;}
    .services-details .content {padding: 8rem;}
	.services-details .content h3 {font-weight: 400;font-size: 2em;color: var(--primary);margin-bottom:1.5rem;}
	.services-details .content h4 {font-size: 20px;font-weight: 700;margin-top: 5px;}
	.services-details .img {background-size: cover;background-repeat: no-repeat;background-position: center center;min-height: 300px; transition: 1s;}
	.services-details .img:hover {transform: scale(1.1);}

	@media (max-width: 1366px) {
	  .services-details .content {padding: 6rem;}
	}

	@media (max-width: 1200px) {
	  .services-details .content {padding: 4rem;}
	  .services-details .img {min-height: 200px;}
	}
	@media (max-width: 992px) {
	  .services-details .content {padding: 2rem;}
	   .services-details .order-2.ofst {order:2 !important;}
	   .services-details .order-1.osec {order:1 !important;}
	   .services-details .order-2.osec {order:1 !important;}
	   .services-details .order-1.ofst {order:2 !important;}
	}
	@media (max-width: 575px) {
	  .services-details .content {padding: 1rem;}
	}

/*--------------- Cta ---------------------------------------------------*/
	.cta {background: linear-gradient(var(--primaryopac), var(--primaryopac)), url("../img/cta/alpin.jpg") fixed center center;background-size: cover;padding: 90px 0;}
	.cta h3 {color: var(--white);font-size: 28px;font-weight: 700;}
	.cta p {color: var(--white);}
	.cta .cta-btn {font-family: "Jost", sans-serif;font-weight: 500;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 40px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid var(--white);color:var(--white);}
	.cta .cta-btn:hover {background: var(--link);border: 2px solid var(--link);}

/*--------------- Contact -----------------------------------------------*/
	.contact .info {border-top: 3px solid var(--link);border-bottom: 3px solid var(--link);padding: 30px;background: var(--white); width: 100%;box-shadow: 0 0 24px 0 var(--light);}
	.contact .info i {font-size: 20px;color: var(--link);float: left;width: 44px;height: 44px;background: var(--secondary); display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.3s ease-in-out;}
	.contact .info h3 {padding: 0 0 0 60px;font-size: 1.4em;font-weight: 600;margin-bottom: 5px;color: var(--primary);}
	.contact .info p {padding: 0 0 10px 60px;margin-bottom: 20px;font-size: 14px;color: var(--dark);}
	.contact .info .email p {padding-top: 5px;}
	.contact .info .social-links {padding-left: 60px;}
    .contact .info .social-links a {font-size: 18px;display: inline-block;background: var(--grey12);color: var(--white);line-height: 1;padding: 8px 0;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;margin-right: 10px;}
	.contact .info .social-links a:hover {background: var(--link);color: var(--white);}
	.contact .info .email:hover i,.contact .info .address:hover i,.contact .info .phone:hover i {background: var(--link);color: var(--white);}

/* -------------- Form general------------------------------------------ */
	form * {outline: none;line-height: 1em;list-style: none;}
	form button {border:0;padding: 0.6em 1.2em;}
	.toggle-icon {display:none;}
	.InputfieldToggleHelper {display: none !important;}
	.Inputfield {margin:0;padding: 0.2em 0;width:100%;}
	.Inputfield ul, .Inputfield li {margin:0;padding:0;}
	.Inputfield label {font-size:1.1em;font-weight:bold;}
	.InputfieldError {color: var(--red1);font-size: 90%;}
	.InputfieldError i {display:none;}
	.InputfieldStateRequired label:after {content: ' *';color:var(--link);}
	.InputfieldContent > input:focus,.InputfieldContent > textarea:focus,.InputfieldContent > div:focus,.InputfieldContent > ul:focus,.InputfieldSelect:focus {border-bottom-color: var(--secondary);background: var(--white);}
	.InputfieldRadios ul {display: flex;}
	.InputfieldRadios > .InputfieldContent > ul > li {margin: 0.5rem 1rem;}
	.InputfieldRadios > .InputfieldContent > ul > li > label > span{padding: 0 0.5rem;}
	form input[type=text],form input[type=email],form input[type=mail],form select, form textarea {margin: 0.5em 0 0 0;	background: var(--white);padding: 0.6em;width: 100%;border: 1px solid var(--light);border-bottom-width: 3px;border-radius: var(--rd);font-size: inherit;height: inherit;}
	::placeholder {color: var(--dark);font-size:80%;opacity:0.3;}
	form #wrap_Inputfield_ertesits, form #wrap_Inputfield_agree_subscribe {display:none;}

/* -------------- Form contactform--------------------------------------- */
	.contact .cform {width: 100%;border-top: 3px solid var(--link);border-bottom: 3px solid var(--link);padding: 30px;background: var(--white);box-shadow: 0 0 24px 0 var(--light);}
	.cform .Inputfields {margin: 0;display: flex;flex-direction: column;gap:1em;padding:0;}
	.cform  .form-group, .sform .form-group {padding-bottom: 8px;}
	.cform .validate, .sform .validate {display: none;color: red;margin: 0 0 15px 0;font-weight: 400;font-size: 13px;}
	.cform  .error-message, .sform .error-message {display: none;color: var(--white);background: var(--red1);text-align: left;padding: 15px;font-weight: 600;}
	.cform  .error-message br+br, .sform .error-message br+br {margin-top: 25px;}
	.cform  .sent-message , .sform .sent-message {display: none;color: var(--white);background: var(--green2);text-align: center;padding: 15px;	 font-weight: 600;}
	.cform .loading , .sform .loading {display: none;background: var(--white);text-align: center;padding: 15px;}
	.cform  .form-group , .sform .form-group {margin-bottom: 20px;}
	.cform label, .sform label {padding-bottom: 8px;}
	.cform input, .sform input,
	.cform textarea, .sform textarea {border-radius: 0;box-shadow: none;font-size: 14px;border-radius: 4px;}
	.cform input:focus, .sform input:focus,
	.cform textarea:focus, .sform textarea:focus {border-color: var(--link);}
	.cform input, .sform input {height: 44px;}
	.cform textarea, .sform textarea {padding: 10px 12px;min-height:145px;border-radius: var(--rd);}
	.cform button, .sform button[type=submit] {background: var(--link);border: 0;padding: 12px 34px;color: var(--white);transition: 0.4s;border-radius: 50px;}
	.cform button[type=submit]:hover, .sform button[type=submit]:hover {background: var(--linkhover);}

/* ------------- Form subscribeform-------------------------------------- */
	.subscribe {padding: 50px 0;background: var(--secondary);text-align: center;font-size: 15px;color:var(--grey11);}
	.subscribe h4 {font-size: 24px;margin: 0 0 20px 0;padding: 0;line-height: 1;font-weight: 600; color: var(--primary);}
	.subscribe .sform {margin-top: 30px;background: #fff;border-radius: 50px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);}
	.subscribe .sform label{display:none;}
	.subscribe .sform .Inputfields {margin: 0;display: flex;align-items:center;justify-content: space-between;}
	.subscribe .sform .Inputfield {padding:0;margin:0;width:unset;}
	.subscribe .sform .InputfieldEmail input {margin: 0;border:0;}
	.subscribe .sform .InputfieldEmail  {flex: auto;}
	.subscribe .sform button[type=submit] {padding: 1em 2.5em;}
	.subscribe .sform .InputfieldError {position:absolute;}


	@keyframes animate-loading {
	 0% {transform: rotate(0deg);}
	 100% {transform: rotate(360deg);}
	}

/*--------------- Footer ------------------------------------------------*/
	#footer {font-size: 14px;background: var(--primary);}
	#footer .footer-top {padding: 60px 0 30px 0;/*background: var(--white);*/}
	#footer .footer-top .footer-contact {margin-bottom: 30px;}
	#footer .footer-top .footer-contact h3 {font-size: 28px;margin: 0 0 10px 0;padding: 2px 0 2px 0;line-height: 1;	 text-transform: uppercase;font-weight: 600;color: var(--primary);}
	#footer .footer-top .footer-contact p {font-size: 14px;line-height: 24px;margin-bottom: 0;font-family: "Jost", sans-serif; color: var(--grey10);}
	#footer .footer-top h4 {font-size: 16px;font-weight: bold;color: var(--primary);position: relative;padding-bottom: 12px;}
	#footer .footer-top .footer-links {margin-bottom: 30px;}
	#footer .footer-top .footer-links ul {list-style: none;padding: 0;margin: 0;}
	#footer .footer-top .footer-links ul i {padding-right: 2px;color: var(--link);font-size: 18px;line-height: 1;}
	#footer .footer-top .footer-links ul li {padding: 0.4em 0;display: flex;align-items: center;}
	#footer .footer-top .footer-links ul li:first-child {padding-top: 0;}
	#footer .footer-top .footer-links ul a {color: var(--grey09);transition: 0.3s;display: inline-block;line-height: 1;}
	#footer .footer-top .footer-links ul a:hover {text-decoration: none;color: var(--link);}
	#footer .footer-top .social-links a {font-size: 1em;display: inline-flex;align-items: center;background: var(--link);color: var(--white); border-radius: 4rem; width: auto;transition: 0.3s;}
	#footer .footer-top .social-links i {font-size: 1.7em;padding:0 0.1em 0 0.3em;}
	#footer .footer-top .social-links .dsp {font-size: 0.9em;padding-right:1em;}
	#footer .footer-top .social-links a:hover {background: var(--linkhover);color: var(--white);text-decoration: none;}
	#footer .footer-bottom {padding-top: 30px;padding-bottom: 30px;color: var(--white);}
	#footer .copyright {float: left;}
	#footer .credits {float: right;font-size: 13px;}
	#footer .credits a {transition: 0.3s;}

	@media (max-width: 768px) {
	 #footer .footer-bottom {padding-top: 20px;padding-bottom: 20px;}
	 #footer .copyright, #footer .credits {text-align: center;float: none;}
	 #footer .credits {padding-top: 4px;}
	}