- needed to position the dropdown content */ .dropdownlang { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: transparent; z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { padding: 0px 0px; text-decoration: none; display: block; } .dropdown-content a:hover { color: #fff; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: transparent;} /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block;} /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {background-color: transparent;} .bottomborder { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; } .bottomborderfooter { border-bottom: 1px solid rgba(179, 140, 15, 0.5); width: 100%; } .bottomborderhead { border-bottom: 1px solid rgba(179, 140, 15, 0.5); width: 100%; } .bottombordersoft { border-bottom: 1px solid #ededed; padding-bottom: 7px; width: 100%; } .menubottomborder { border-bottom: 1px solid #666; width: 75%; margin-bottom: 5px; } .bottombordergray { border-bottom: 1px solid #888; padding-bottom: 7px; width: 100%; } .topborderheader { border-top: 1px solid var(--brandcolor2); padding-bottom: 2px; margin: 0px auto; width: 100%; } .hayvandostu { width: 200px; height: 162px; background-color: var(--brandcolor2); color: #ffffff; } .videoyoutube { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .containervideo { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } ::placeholder { color: #CCCCCC !important; } select { padding: 10px; } option { font-size: 18px; font-weight: 300; padding: 5px; } .right-module { width: 500px; height: 100%; overflow-y: auto; background: #b38c0f; position: fixed; right: -550px; top: 0px; z-index: 1050; padding: 25px 25px 25px 25px; box-sizing: border-box; box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.2); transition: .5s } @media only screen and (max-width: 600px) { .right-module { width: 95%; z-index: 1033; padding: 80px 20px 20px 20px } } .right-module.active { right: 0px } .right-module .close { position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 999999; } .right-module .close img { width: 30px } .right-module .right-content { padding-bottom: 20px; box-sizing: border-box } .right-module .right-content .title { font-size: 30px; text-align: center; margin-bottom: 20px; color: #000 } .right-module .right-content .text { font-size: 13px; line-height: 20px; margin-bottom: 20px } .form-btn { background: #18864a; color: #fff; width: 100%; padding: 20px; box-sizing: border-box; font-size: 20px; border-radius: 3px; cursor: pointer; transition: .3s } .form-btn:hover { background: #126c3b } .form-btn:disabled, .form-btn[disabled] { cursor: not-allowed; opacity: .8 } .form-btn:disabled:hover, .form-btn[disabled]:hover { background: #18864a } .button-form { position: fixed; right: -5px; top: 25%; color: #ffffff; padding: 15px 12px 15px 12px; border-radius: 5px; box-sizing: border-box; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); background: #b38c0f ; font-weight: 400; z-index: 19; cursor: pointer; transition: .3s; transform: rotate(-180deg); writing-mode: tb; font-size: 17px } .button-form:hover { background: #000000; color: #fff } .languageselect { display: inline-block; vertical-align: middle; height: 20px; padding: 0; border: none; background: none; width: 37px; margin-right: 0px; margin-top: 5px; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../images/icon-arrow-lang.png); background-position: 90% 60%; background-repeat: no-repeat; color: #444; font-size: 15px; } .subpageheadertitle { position: absolute; top: 40%; left: 0px; width: 100%; text-align: center; color: white; font-weight: 400; font-size: 30px; text-shadow: 2px 2px 2px #777 !important; } .subpageheaderoteltitle { position: absolute; top: 30%; left: 10%; color: white; } .checkboxzoom { /* Double-sized Checkboxes */ -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); /* Opera */ transform: scale(1.5); } .centeredbtn { margin: 0 auto; } .clearboth { clear: both; } .generalshadow { box-sizing: border-box; box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 7%); } .h220px { height: 220px !important; } .hmin50px { min-height: 50px !important; } .hmin40px { min-height: 40px !important; } .g-recaptcha { transform: scale(0.80); transform-origin: left; } .eventborder { border: 1px solid #efefef; } .label-default { background-color: #000; } .label { display: inline-flex; padding: 5px 15px 5px 15px; font-size: 15px; font-weight: 400; line-height: 1; color: #fff; text-align: center; vertical-align: baseline; border-radius: 25px; margin-right: 10px; margin-top: 7px; } .slidercontenttopspace { top: 30%; } .footersocialicon { margin: 25px auto; text-align: center; } .homesliderfix { max-height: 33px; max-width: 100px; } .allbordersoftgray { border: 1px solid #eeeeee; } .responsiveheaderfont { font-size: 50px; } .socialmobileleft { padding-left: 30px; } .langmobileleft { padding-left: 25px; } .searchdivider { border-bottom: 1px solid #ccc; width: 100%; } .sa-confirm-button-container > button { width: 150px !important; color: #fff !important; background-color: var(--brandcolor1) !important; border: 0px !important; } .imgcolorize { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .basicshadow { box-sizing: border-box; box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 15%); } .homeartcss { line-height: 60px; font-size: 50px; } .homeartcss2 { line-height: 70px; font-size: 60px; } .text-dark-gray-css { color: #005d59 !important; } @media (max-width: 767px) { @media (max-width: 991px) { .sustainablehygienefont { font-size: 13px; } } .sustainablehygienefont { font-size: 10px; } .imgmobileheader { display: block; width: 100vw; height: 17vh; object-fit: cover; } .homeartcss { line-height: 45px; font-size: 38px; } .fontsize30 { font-size: 25px !important; } } @media (min-width: 991px) { .footer li.nav-item { padding: 5px 25px !important; } } @media (min-width: 1200px) { .footer li.nav-item { padding: 5px 43px !important; } } @media (min-width: 1500px) { .footer li.nav-item { padding: 5px 36px !important; } } .lineheight15 { line-height: 15px !important; } .lineheight60 { line-height: 60px !important; } .twittericon { margin-top:-2px; margin-right:-1px; } .hirebutton { width: 240px; } .brandimages { max-width: 180px; max-height: 40px; } .hmin220px { min-height: 220px !important; } @media (max-width: 500px) { .mobilresponsivediv { padding-bottom: 15px; width: 100%; } .mobilresponsivedivspan { padding-right: 11px !important; } } .recaptchafooter { transform: scale(0.84) !important; transform-origin: 0 0 !important; } .logodelimiter { background-color: rgba(255, 255, 255, 0.4); height: 50px; width: 1px !important; margin-left: 15px; margin-right: 15px; } .footerdelimiter { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 5px; } .right12 { right: 12%; top: -15% } .s-c-bn { display: block; width: 40px; } @media only screen and (min-width: 1700px) { .minWidth100Jvns { min-width: 100%; } } table td { vertical-align: middle !important; text-align: center !important; } @keyframes slidelogosall { from { transform: translateX(0); } to { transform: translateX(-100%); } } .logos { overflow: hidden; padding: 12px 0; background: white; white-space: nowrap; position: relative; } .logos:hover .logos-slide { animation-play-state: paused; } .logos-slide { display: inline-block; animation: 40s slidelogosall infinite linear; } .logos-slide img { margin: 0 30px; cursor:pointer; max-width: 100px; max-height: 33px; /* filter: grayscale(100%); -webkit-filter: grayscale(100%); */ } .footer li.nav-item { padding: 5px 5px; } .footer li:last-child { /* margin-right:0!important; */ }