h1 small{font-size: 70%;}
h2,h3,.free-coding h4, .trad-language h4{font-weight: 300;}
h4{font-weight: 400;}
.logo-divider{height: 55px; width: 1px;}
#navbarResponsive .nav-item .nav-link,
#navbarResponsive .dropdown-menu, .footer-link a, .nav-item .nav-link{ font-family: "pf_din_text_comp_proregular",sans-serif; letter-spacing: 0.04em; }
.footer-link a:hover{color: #009fe7!important;}
.container{max-width: 1100px!important;}
.container-fluid-right { width: calc(((100% - 1340px) / 2) + 1340px) !important; margin-right: 0; max-width: 100%; padding-right: 0; overflow: hidden!important; }
.guide{line-height: 34px; letter-spacing: 0.02em;}
.dropdown-toggle::after{display: none!important;}
p{font-size: 18px;line-height: 34px; letter-spacing: 0.02em;}
header .nav-item .btn{padding: 6px 24px;letter-spacing: 0.04em; border-width: 2px;transition: 0.2s;}
.btn-primary:hover,.btn-dark:hover{border: 2px solid #27ade6; background-color: transparent; color: #27ade6!important;}
.btn-primary,.btn-dark{border: 2px solid transparent;}
.btn-dark:hover{border: 2px solid #FFFF; background-color: transparent; color: #FFFF!important;}
.btn-primary,.btn-dark,.btn.btn-outline-light,.btn.btn-outline-primary{transition: all .25s ease-out 0s;}
.btn-dark{border: 2px solid transparent;}
header .div-logo a img.img-header{width: 196px; transition: 0.2s; max-width: 100%;}
div.position-sticky{top: 100px;}  
.dropdown-menu .dropdown-item:hover{background-color: transparent!important;}
.dropdown-menu{background-color: #009fe7!important;}
.dropdown-menu li::after { position: absolute; left: 15px; top: 50%; width: 0.4375rem; height: 0.4375rem; margin: auto; border-radius: 50%; background-color: #FFF; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; content: ''; }
ul#lang-menu { top: 50px; }
footer .link-container:hover{width: 36px; height: 36px; background: #009fe333; border-radius: 100%;}
#nav-icon1 { width: 35px; height: 26px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span { display: block; position: absolute; height: 4px; width: 100%; background: #FFF; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon1 span:nth-child(2) { top: 11px; }
#nav-icon1 span:nth-child(3) { top: 22px; }
#nav-icon1.open span:nth-child(1) { top: 11px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
#nav-icon1.open span:nth-child(3) { top: 11px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
.carousel-arrows-case.to-left, .carousel-arrows-case.to-right{border: none; background-color: #2D2D30; z-index: 2; width: 83px; height: 83px;}
.carousel-arrows-case .to-left-arrow, .carousel-arrows-case .to-right-arrow{color: #FFF; top: 50%; font-size: 20px;}
.object-fit-cover-case{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0;}
.carousel-arrows-case.to-left{ position: absolute; left: -24px; top: 50%; transform: translateY(-50%);}
.carousel-arrows-case.to-right{ position: absolute; right: 390px; top: 50%; transform: translateY(-50%);}
.form-floating textarea.form-control{min-height: 200px;}
.form-control{color: #FFF!important;}
.btn:first-child:active, .btn:active{background-color: transparent!important;}
body{color: #606060!important;}
.bg-gray-700 p, .bg-gray-900 p, .bg-gray-900 li, .bg-gray-700 li{color: #cacaca;}
.footer-logo{width: 195px;}
@media (max-width:1512px){
.carousel-arrows-case.to-right{ right: 140px;}
}
@media (max-width:992px){
.object-fit-cover-case{width: 100%; max-height: 400px; object-fit: cover; position: relative; top: 0; left: 0;}
}
@media (max-width:991px){
.accordion-header{padding-right: 40px;}
.accordion-header:before { content: ''; position: absolute; height: 2px; top: calc(50% - 1px); width: 20px; background-color: #FFF; right: 0; }
.accordion-header:after { content: ''; position: absolute; height: 2px; top: calc(50% - 1px); width: 20px; background-color: #FFF; right: 0; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.accordion-header.active:after{-webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
#navbar-list{display: none;}
}
@media (min-width: 768px){
header.resize .div-logo a img.img-header{width: 250px;transition: 0.2s;}
header.resize .nav-item a.btn{padding-top: 2px; padding-bottom: 2px; transition: 0.2s;}
header.resize nav{padding-top:0rem!important;padding-bottom:0rem!important;transition: 0.2s;}
.codesys-logo{width: fit-content;}
}
@media (max-width: 767px){
.logo-divider{height: 34.8px;}
.div-logo img{width: 100%;}
.btn{width: 100%;}
}
@media (max-width:575px) {
.navbar>.container-fluid{justify-content: start;}
.form-section:after{display: none;}
header .div-logo {width: 70%!important;}
header .div-logo a img.img-header{width: 144px;}
}
@media (max-width: 370px){
header .div-logo{width: 240.24px;}
.div-logo img{width: 100%;}
}
@media (max-width: 1199px){
#navbarResponsive .nav-item .nav-link{ color: var(--bs-dark) }
#navbarResponsive .navbar-nav:first-child li:last-child{margin-bottom: 0px;}
#navbarResponsive .navbar-nav:first-child li:last-child a{margin-bottom: 0px;}
#navbarResponsive .offcanvas-body{padding-left: 0; padding-right: 0;}
#navbarResponsive .navbar-nav:first-child li{border-bottom: 1px solid #E8E8E8; width: 100%; position: relative;}
#navbarResponsive .navbar-nav:first-child li:after{content: "\f285"; font-family: "bootstrap-icons" !important; position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: var(--bs-primary);}
#navbarResponsive .navbar-nav:first-child li.dropdown:after{content: "\F282"; font-family: "bootstrap-icons" !important; position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: var(--bs-primary);}
#navbarResponsive .navbar-nav:first-child li a{padding: 17px 0; padding-left: 20px; font-weight: bold;}
#navbarResponsive .navbar-nav:first-child li:first-child{border-top: 1px solid #E8E8E8;}
.nav-item a{font-size: 18px!important;}
#navbarResponsive .navbar-nav:last-child li{border-bottom: 1px solid #FFF; width: 100%; position: relative; background-color: var(--bs-primary);}
#navbarResponsive .navbar-nav:last-child li:after{content: "\f285"; font-family: "bootstrap-icons" !important; position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: #FFF;}
#navbarResponsive .navbar-nav:last-child li.dropdown:after{content: "\F282"; font-family: "bootstrap-icons" !important; position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); color: #FFF;}
#navbarResponsive .navbar-nav:last-child li a{padding: 17px 0; padding-left: 20px; height: auto!important; background-color: transparent; border: none; font-size: 18px!important;color: white;}
#navbarResponsive .navbar-nav:last-child li:first-child{border-top: 1px solid #E8E8E8;}
#navbarResponsive .navbar-nav li.dropdown ul li:first-child{border-top: none!important;}
#navbarResponsive .navbar-nav li.dropdown ul li{border-bottom: 1px solid #E8E8E8!important;}
#navbarResponsive .navbar-nav li.dropdown ul li:last-child{border-bottom: none!important;}
#navbarResponsive .navbar-nav li.dropdown ul li{border:none; padding: 0;}
#navbarResponsive .navbar-nav .dropdown-menu{ border: 0; border-top: 1px solid #FFF; padding-top: 0; padding-bottom: 0; border-radius: 0;}
#navbarResponsive .nav-item.dropdown:after{top:30px!important;}
.text-color{color: #000;}
.nav-color{background-color: transparent!important; position: absolute!important; bottom: 0;}
#navbarResponsive .navbar-nav .dropdown-toggle::after{ display: none; }
li.nav-item,a.btn.btn-outline-light, a.text-start.text-xl-center.btn.btn-outline-primary{ line-height: initial; }
#navbarResponsive .navbar-nav:last-child li a.language-link{color: #019EE1!important;}
.dropdown-link{color: #000!important; padding-left: 0!important;}
a#navbarDropdown:focus { outline: none; box-shadow: none; }
.offcanvas-start, .offcanvas-backdrop{margin-top: 72px;}
}
@media (min-width: 1200px){
.dropdown-link{color: white!important;}
.dropdown-menu .dropdown-item:hover::after { opacity: 1; background-color: #2e4368; }
}