/* ========================================================================== Main Site Header ========================================================================== */ @font-face { font-family: 'FontAwesome'; src: url('/skin/frontend/rwd/inochem/css/fonts/fontawesome-webfont.eot?v=3.0.1'); src: url('/skin/frontend/rwd/inochem/css/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/skin/frontend/rwd/inochem/css/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/skin/frontend/rwd/inochem/css/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } html, body, button, input, select, table, textarea { font-size: 18.5px; } .page-header { top: 0; left: 0; margin-top: 2.5rem; display: block; width: 100%; z-index: 10; position: absolute; background: transparent; z-index: 9999; } .page-header-container { position: relative; width: auto; margin: 0 5rem; padding: 2.2rem 0; } .header-nav { border: 1px solid yellow; } .logo .large { max-width: 290px; min-height: 62px; } .logo .small { max-width: 190px; min-height: 41px; } .site-header_menu_container, .logo_container { display: inline-block; vertical-align: middle; } .site-header_menu_container { width: calc(100% - 290px); text-align: right; } .nav-primary li { border-right: 2px solid #fff; } /* .nav-primary li.active { border-color: #dc3939; border-left: 3px solid #dc3939; border-right: 3px solid #dc3939; margin-left: -3px; margin-right: -3px; position: relative; border-top: 3px solid #dc3939; border-bottom: 3px solid #dc3939; margin-top: -3px; margin-bottom: -3px; }*/ .hovereffect { transition: all 0s ease; } .nav-primary li:hover .hovereffect, .nav-primary li.active .hovereffect { border-color: #dc3939; border-left: 3px solid #dc3939; border-right: 3px solid #dc3939; margin-left: -3px; margin-right: -3px; position: relative; border-top: 3px solid #dc3939; border-bottom: 3px solid #dc3939; margin-top: -3px; margin-bottom: -3px; position: absolute; top: 0; left: 0; width: calc(100% + 6px); height: calc(100% + 6px); z-index: 1; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 9; } /* -------------------------------------------- * *Subscribe */ #newsletter_popup { position: fixed; display: none; background: rgba(0, 0, 0, 0.5);; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; } #download_sdf_form { background: #20596d; position: relative; top: 50%; transform: translateY(-50%); width: 840px; margin: 0 auto; left: 0; right: 0; padding: 4.5rem; } .newsletter_textbox { overflow: scroll; max-height: 100%; height: 100%; position: relative; } #download_sdf_form h1, #download_sdf_form p, #download_sdf_form label, #download_sdf_form a { color: #fff; } input.signup { font-size: 1.8rem; font-weight: 300; margin: 0; border: none; background: rgba(0, 0, 0, 0); transition: padding-top 0.2s ease, margin-top 0.2s ease; overflow-x: hidden; } input.signup + label { border-top: 2px solid rgba(255,255,255,0.6) !important; color: #fff !important; } .signup_input { margin-top: 20px; } input.signup { color: #fff !important; } #download_sdf_form h1 { font-size: 2rem; margin-bottom: 15px; } input.signup:focus + label > span, input.signup:valid + label > span { color: #fff !important; } #download_sdf_form input[type="checkbox"] { border: 2px solid #fff; } #close_popup { position: absolute; top: 0; right: 0; width: 70px; height: 70px; cursor: pointer; opacity: 0.5; padding: 20px; } #close_popup svg { width: 100%; height: 100%; } #close_popup:hover { opacity: 1; } .thankyou { display: none; } /* -------------------------------------------- * *Site Search */ #header_search { position: relative; } #search_mini_form { position: absolute; top: calc(100% + 2px); bottom: 0; right: 0; height: 100%; display: none; transition: all 0.3s ease; width: 100%; } #nav_search { width: 100%; position: relative; height: 50px; } #search_mini_form.active { display: block; } #mini_form_btn { display: none; } #search { background: white; width: 100%; height: 100%; padding-right: 0; } #search_mini_form .input-box { padding: 0 0; height: 100%; } input[type=search] { width: 100%; background: #fff !important; border: solid 1px #ccc; width: 100%; height: 100%; border-color: #6dcff6; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } #nav { display: table; border-top: 2px solid #fff; border-bottom: 2px solid #fff; position: relative; } #header_search button, a.button { padding: 0; border: 0; border: none; background: transparent; } #header-nav .view-all { display: none; } li.parent { position: relative; } .nav-primary li.level0 ul { top: 100%; background: #fff; border: none; position: absolute; left: -362px; z-index: 99; width: 720px; padding-left: 0; padding-right: 0; box-shadow: 0 3px 11px 1px rgba(0,0,0,0.2); flex-wrap: wrap; display: none; } .parent:hover .nav-primary li.level0 ul { display: flex; } .nav-primary li.level1 { display: inline-block; width: 180px; text-align: center; } .nav-primary li.level1 a span { color: #0b0b0b; font-size: 1rem; font-weight: 500; display: table-cell; vertical-align: middle; padding-top: 10px; } .nav-primary li.level1.active a span { color: #fff; } .parent:hover ul.level0 { display: flex; } .parent ul li:hover { background: #dc3939; } .parent li { border-right: none; } .parent .nav_icon { width: 100%; text-align: center; display: block; } .level0 > a > .nav_icon { display: none !important; } .nav_icon:after { position: relative; margin: 0 auto; height:70px; content: ''; display:block; } #nav_category-node-3 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 42 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='%23cccccc' fill='%23cccccc' d='M38.283,0.239 L3.598,0.239 C1.773,0.239 0.286,2.135 0.286,4.453 C0.286,6.809 1.773,8.706 3.598,8.706 L5.250,8.706 L5.250,103.027 C5.250,112.250 12.316,119.797 20.932,119.797 C29.563,119.797 36.641,112.250 36.641,103.027 L36.641,8.706 L38.283,8.706 C40.116,8.706 41.612,6.809 41.612,4.453 C41.612,2.135 40.116,0.239 38.283,0.239 ZM32.850,104.169 C32.850,110.206 27.488,115.140 20.932,115.140 C14.400,115.140 9.029,110.206 9.029,104.169 L9.029,49.387 L32.850,42.909 L32.850,104.169 Z'/%3E%3C/svg%3E"); width:25px; } #nav_category-node-10 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 108 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='%23cccccc' fill='%23cccccc' d='M102.058,107.372 C90.484,88.672 78.939,69.972 67.386,51.293 L67.386,9.705 L67.206,9.705 C69.877,9.705 72.087,7.675 72.087,5.201 C72.087,2.727 69.877,0.715 67.206,0.715 L39.389,0.715 C36.710,0.715 34.539,2.727 34.539,5.201 C34.539,7.675 36.710,9.705 39.389,9.705 L39.219,9.705 L39.219,51.293 C27.657,69.972 16.125,88.672 4.560,107.372 C-0.470,118.077 -4.010,119.941 15.034,120.274 L91.573,120.274 C110.607,119.941 107.067,118.077 102.058,107.372 ZM82.639,114.956 L23.976,114.956 C9.361,114.681 12.083,113.279 15.943,105.045 L31.648,79.663 L74.967,79.663 L90.661,105.045 C94.533,113.279 97.233,114.681 82.639,114.956 Z'/%3E%3C/svg%3E"); width:62px; } #nav_category-node-7 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 83 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='%23cccccc' fill='%23cccccc' d='M56.377,38.529 L56.377,12.022 L58.251,12.022 C61.180,12.022 63.569,9.517 63.569,6.476 C63.569,3.400 61.180,0.933 58.251,0.933 L24.560,0.933 C21.634,0.933 19.235,3.400 19.235,6.476 C19.235,9.517 21.634,12.022 24.560,12.022 L26.435,12.022 L26.435,38.529 C11.377,44.718 0.724,60.024 0.724,77.910 C0.724,101.286 18.950,120.240 41.406,120.240 C63.859,120.240 82.088,101.286 82.088,77.910 C82.088,60.024 71.444,44.718 56.377,38.529 ZM41.406,115.138 C22.464,115.138 7.112,99.149 7.112,79.420 C7.112,76.567 7.440,73.785 8.050,71.095 L74.761,71.095 C75.373,73.785 75.699,76.567 75.699,79.420 C75.699,99.149 60.340,115.138 41.406,115.138 Z'/%3E%3C/svg%3E"); width:48px; } #nav_category-node-8 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 161' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='%23cccccc' fill='%23cccccc' d='M114.117,20.473 L62.763,49.936 L63.305,50.902 C63.911,51.982 63.373,53.456 62.090,54.192 C60.827,54.916 59.300,54.626 58.696,53.547 L47.236,33.127 C46.634,32.053 47.176,30.585 48.436,29.860 C49.720,29.125 51.245,29.409 51.848,30.483 L52.393,31.455 L103.748,1.993 C108.769,-0.887 115.211,0.916 118.058,5.988 C120.909,11.069 119.137,17.593 114.117,20.473 ZM115.523,7.443 C113.363,3.597 108.905,1.976 105.617,3.862 L75.791,20.973 L80.132,37.023 L113.486,17.886 C116.775,16.000 117.688,11.303 115.523,7.443 ZM43.120,50.536 C41.211,50.536 39.663,48.971 39.663,47.040 C39.663,45.109 41.211,43.543 43.120,43.543 C45.030,43.543 46.579,45.109 46.579,47.040 C46.579,48.971 45.030,50.536 43.120,50.536 ZM53.661,59.143 C53.661,61.163 52.014,62.821 50.024,62.821 L50.158,62.821 L50.158,96.778 C58.767,112.029 67.367,127.298 75.991,142.566 C79.723,151.307 82.362,152.829 68.181,153.101 L11.151,153.101 C-3.038,152.829 -0.402,151.307 3.348,142.566 C11.963,127.298 20.556,112.029 29.172,96.778 L29.172,62.821 L29.297,62.821 C27.301,62.821 25.684,61.163 25.684,59.143 C25.684,57.123 27.301,55.481 29.297,55.481 L50.024,55.481 C52.014,55.481 53.661,57.123 53.661,59.143 ZM23.530,119.942 L11.829,140.666 C8.953,147.390 6.924,148.534 17.814,148.759 L61.523,148.759 C72.398,148.534 70.385,147.390 67.500,140.666 L55.808,119.942 L23.530,119.942 ZM30.590,107.919 C30.590,109.923 32.195,111.548 34.178,111.548 C36.159,111.548 37.767,109.923 37.767,107.919 C37.767,105.916 36.159,104.291 34.178,104.291 C32.195,104.291 30.590,105.916 30.590,107.919 ZM37.278,61.870 C35.565,61.870 34.178,63.275 34.178,65.007 C34.178,66.738 35.565,68.141 37.278,68.141 C38.991,68.141 40.378,66.738 40.378,65.007 C40.378,63.275 38.991,61.870 37.278,61.870 ZM42.804,75.375 C41.464,75.375 40.378,76.474 40.378,77.829 C40.378,79.184 41.464,80.283 42.804,80.283 C44.144,80.283 45.232,79.184 45.232,77.829 C45.232,76.474 44.144,75.375 42.804,75.375 ZM40.378,85.021 C36.953,85.021 34.178,87.828 34.178,91.291 C34.178,94.755 36.953,97.560 40.378,97.560 C43.803,97.560 46.579,94.755 46.579,91.291 C46.579,87.828 43.803,85.021 40.378,85.021 ZM44.849,101.419 C43.895,101.419 43.122,102.203 43.122,103.167 C43.122,104.133 43.895,104.916 44.849,104.916 C45.804,104.916 46.579,104.133 46.579,103.167 C46.579,102.203 45.804,101.419 44.849,101.419 ZM47.159,109.460 C45.289,109.460 43.769,110.995 43.769,112.889 C43.769,114.783 45.289,116.318 47.159,116.318 C49.032,116.318 50.551,114.783 50.551,112.889 C50.551,110.995 49.032,109.460 47.159,109.460 Z'/%3E%3C/svg%3E"); width:55px; } #nav_category-node-3:hover .nav_icon:after, #dektop_nav.is-active #nav_category-node-3 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 42 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='ffffff' fill='%23ffffff' d='M38.283,0.239 L3.598,0.239 C1.773,0.239 0.286,2.135 0.286,4.453 C0.286,6.809 1.773,8.706 3.598,8.706 L5.250,8.706 L5.250,103.027 C5.250,112.250 12.316,119.797 20.932,119.797 C29.563,119.797 36.641,112.250 36.641,103.027 L36.641,8.706 L38.283,8.706 C40.116,8.706 41.612,6.809 41.612,4.453 C41.612,2.135 40.116,0.239 38.283,0.239 ZM32.850,104.169 C32.850,110.206 27.488,115.140 20.932,115.140 C14.400,115.140 9.029,110.206 9.029,104.169 L9.029,49.387 L32.850,42.909 L32.850,104.169 Z'/%3E%3C/svg%3E"); } #nav_category-node-10:hover .nav_icon:after, #dektop_nav.is-active #nav_category-node-10 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 108 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='ffffff' fill='%23ffffff' d='M102.058,107.372 C90.484,88.672 78.939,69.972 67.386,51.293 L67.386,9.705 L67.206,9.705 C69.877,9.705 72.087,7.675 72.087,5.201 C72.087,2.727 69.877,0.715 67.206,0.715 L39.389,0.715 C36.710,0.715 34.539,2.727 34.539,5.201 C34.539,7.675 36.710,9.705 39.389,9.705 L39.219,9.705 L39.219,51.293 C27.657,69.972 16.125,88.672 4.560,107.372 C-0.470,118.077 -4.010,119.941 15.034,120.274 L91.573,120.274 C110.607,119.941 107.067,118.077 102.058,107.372 ZM82.639,114.956 L23.976,114.956 C9.361,114.681 12.083,113.279 15.943,105.045 L31.648,79.663 L74.967,79.663 L90.661,105.045 C94.533,113.279 97.233,114.681 82.639,114.956 Z'/%3E%3C/svg%3E"); } #nav_category-node-7:hover .nav_icon:after, #dektop_nav.is-active #nav_category-node-7 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 83 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='ffffff' fill='%23ffffff' d='M56.377,38.529 L56.377,12.022 L58.251,12.022 C61.180,12.022 63.569,9.517 63.569,6.476 C63.569,3.400 61.180,0.933 58.251,0.933 L24.560,0.933 C21.634,0.933 19.235,3.400 19.235,6.476 C19.235,9.517 21.634,12.022 24.560,12.022 L26.435,12.022 L26.435,38.529 C11.377,44.718 0.724,60.024 0.724,77.910 C0.724,101.286 18.950,120.240 41.406,120.240 C63.859,120.240 82.088,101.286 82.088,77.910 C82.088,60.024 71.444,44.718 56.377,38.529 ZM41.406,115.138 C22.464,115.138 7.112,99.149 7.112,79.420 C7.112,76.567 7.440,73.785 8.050,71.095 L74.761,71.095 C75.373,73.785 75.699,76.567 75.699,79.420 C75.699,99.149 60.340,115.138 41.406,115.138 Z'/%3E%3C/svg%3E"); } #nav_category-node-8:hover .nav_icon:after, #dektop_nav.is-active #nav_category-node-8 .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 161' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='ffffff' fill='%23ffffff' d='M114.117,20.473 L62.763,49.936 L63.305,50.902 C63.911,51.982 63.373,53.456 62.090,54.192 C60.827,54.916 59.300,54.626 58.696,53.547 L47.236,33.127 C46.634,32.053 47.176,30.585 48.436,29.860 C49.720,29.125 51.245,29.409 51.848,30.483 L52.393,31.455 L103.748,1.993 C108.769,-0.887 115.211,0.916 118.058,5.988 C120.909,11.069 119.137,17.593 114.117,20.473 ZM115.523,7.443 C113.363,3.597 108.905,1.976 105.617,3.862 L75.791,20.973 L80.132,37.023 L113.486,17.886 C116.775,16.000 117.688,11.303 115.523,7.443 ZM43.120,50.536 C41.211,50.536 39.663,48.971 39.663,47.040 C39.663,45.109 41.211,43.543 43.120,43.543 C45.030,43.543 46.579,45.109 46.579,47.040 C46.579,48.971 45.030,50.536 43.120,50.536 ZM53.661,59.143 C53.661,61.163 52.014,62.821 50.024,62.821 L50.158,62.821 L50.158,96.778 C58.767,112.029 67.367,127.298 75.991,142.566 C79.723,151.307 82.362,152.829 68.181,153.101 L11.151,153.101 C-3.038,152.829 -0.402,151.307 3.348,142.566 C11.963,127.298 20.556,112.029 29.172,96.778 L29.172,62.821 L29.297,62.821 C27.301,62.821 25.684,61.163 25.684,59.143 C25.684,57.123 27.301,55.481 29.297,55.481 L50.024,55.481 C52.014,55.481 53.661,57.123 53.661,59.143 ZM23.530,119.942 L11.829,140.666 C8.953,147.390 6.924,148.534 17.814,148.759 L61.523,148.759 C72.398,148.534 70.385,147.390 67.500,140.666 L55.808,119.942 L23.530,119.942 ZM30.590,107.919 C30.590,109.923 32.195,111.548 34.178,111.548 C36.159,111.548 37.767,109.923 37.767,107.919 C37.767,105.916 36.159,104.291 34.178,104.291 C32.195,104.291 30.590,105.916 30.590,107.919 ZM37.278,61.870 C35.565,61.870 34.178,63.275 34.178,65.007 C34.178,66.738 35.565,68.141 37.278,68.141 C38.991,68.141 40.378,66.738 40.378,65.007 C40.378,63.275 38.991,61.870 37.278,61.870 ZM42.804,75.375 C41.464,75.375 40.378,76.474 40.378,77.829 C40.378,79.184 41.464,80.283 42.804,80.283 C44.144,80.283 45.232,79.184 45.232,77.829 C45.232,76.474 44.144,75.375 42.804,75.375 ZM40.378,85.021 C36.953,85.021 34.178,87.828 34.178,91.291 C34.178,94.755 36.953,97.560 40.378,97.560 C43.803,97.560 46.579,94.755 46.579,91.291 C46.579,87.828 43.803,85.021 40.378,85.021 ZM44.849,101.419 C43.895,101.419 43.122,102.203 43.122,103.167 C43.122,104.133 43.895,104.916 44.849,104.916 C45.804,104.916 46.579,104.133 46.579,103.167 C46.579,102.203 45.804,101.419 44.849,101.419 ZM47.159,109.460 C45.289,109.460 43.769,110.995 43.769,112.889 C43.769,114.783 45.289,116.318 47.159,116.318 C49.032,116.318 50.551,114.783 50.551,112.889 C50.551,110.995 49.032,109.460 47.159,109.460 Z'/%3E%3C/svg%3E"); } .parent ul .nav_title_cotnainer { position: relative; width: 100%; height: 70px; vertical-align: middle; display: table; margin-bottom: 20px; } .parent li.active { border: 0; background: #dc3939; position: relative; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } #nav_category-node-3.active .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 42 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='ffffff' fill='%23ffffff' d='M38.283,0.239 L3.598,0.239 C1.773,0.239 0.286,2.135 0.286,4.453 C0.286,6.809 1.773,8.706 3.598,8.706 L5.250,8.706 L5.250,103.027 C5.250,112.250 12.316,119.797 20.932,119.797 C29.563,119.797 36.641,112.250 36.641,103.027 L36.641,8.706 L38.283,8.706 C40.116,8.706 41.612,6.809 41.612,4.453 C41.612,2.135 40.116,0.239 38.283,0.239 ZM32.850,104.169 C32.850,110.206 27.488,115.140 20.932,115.140 C14.400,115.140 9.029,110.206 9.029,104.169 L9.029,49.387 L32.850,42.909 L32.850,104.169 Z'/%3E%3C/svg%3E"); } #nav_category-node-10.active .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 108 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='ffffff' fill='%23ffffff' d='M102.058,107.372 C90.484,88.672 78.939,69.972 67.386,51.293 L67.386,9.705 L67.206,9.705 C69.877,9.705 72.087,7.675 72.087,5.201 C72.087,2.727 69.877,0.715 67.206,0.715 L39.389,0.715 C36.710,0.715 34.539,2.727 34.539,5.201 C34.539,7.675 36.710,9.705 39.389,9.705 L39.219,9.705 L39.219,51.293 C27.657,69.972 16.125,88.672 4.560,107.372 C-0.470,118.077 -4.010,119.941 15.034,120.274 L91.573,120.274 C110.607,119.941 107.067,118.077 102.058,107.372 ZM82.639,114.956 L23.976,114.956 C9.361,114.681 12.083,113.279 15.943,105.045 L31.648,79.663 L74.967,79.663 L90.661,105.045 C94.533,113.279 97.233,114.681 82.639,114.956 Z'/%3E%3C/svg%3E"); } #nav_category-node-7.active .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 83 121' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='%23ffffff' fill='%23ffffff' d='M56.377,38.529 L56.377,12.022 L58.251,12.022 C61.180,12.022 63.569,9.517 63.569,6.476 C63.569,3.400 61.180,0.933 58.251,0.933 L24.560,0.933 C21.634,0.933 19.235,3.400 19.235,6.476 C19.235,9.517 21.634,12.022 24.560,12.022 L26.435,12.022 L26.435,38.529 C11.377,44.718 0.724,60.024 0.724,77.910 C0.724,101.286 18.950,120.240 41.406,120.240 C63.859,120.240 82.088,101.286 82.088,77.910 C82.088,60.024 71.444,44.718 56.377,38.529 ZM41.406,115.138 C22.464,115.138 7.112,99.149 7.112,79.420 C7.112,76.567 7.440,73.785 8.050,71.095 L74.761,71.095 C75.373,73.785 75.699,76.567 75.699,79.420 C75.699,99.149 60.340,115.138 41.406,115.138 Z'/%3E%3C/svg%3E"); } #nav_category-node-8.active .nav_icon:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 128 161' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' stroke='%23ffffff' fill='%23ffffff' d='M114.117,20.473 L62.763,49.936 L63.305,50.902 C63.911,51.982 63.373,53.456 62.090,54.192 C60.827,54.916 59.300,54.626 58.696,53.547 L47.236,33.127 C46.634,32.053 47.176,30.585 48.436,29.860 C49.720,29.125 51.245,29.409 51.848,30.483 L52.393,31.455 L103.748,1.993 C108.769,-0.887 115.211,0.916 118.058,5.988 C120.909,11.069 119.137,17.593 114.117,20.473 ZM115.523,7.443 C113.363,3.597 108.905,1.976 105.617,3.862 L75.791,20.973 L80.132,37.023 L113.486,17.886 C116.775,16.000 117.688,11.303 115.523,7.443 ZM43.120,50.536 C41.211,50.536 39.663,48.971 39.663,47.040 C39.663,45.109 41.211,43.543 43.120,43.543 C45.030,43.543 46.579,45.109 46.579,47.040 C46.579,48.971 45.030,50.536 43.120,50.536 ZM53.661,59.143 C53.661,61.163 52.014,62.821 50.024,62.821 L50.158,62.821 L50.158,96.778 C58.767,112.029 67.367,127.298 75.991,142.566 C79.723,151.307 82.362,152.829 68.181,153.101 L11.151,153.101 C-3.038,152.829 -0.402,151.307 3.348,142.566 C11.963,127.298 20.556,112.029 29.172,96.778 L29.172,62.821 L29.297,62.821 C27.301,62.821 25.684,61.163 25.684,59.143 C25.684,57.123 27.301,55.481 29.297,55.481 L50.024,55.481 C52.014,55.481 53.661,57.123 53.661,59.143 ZM23.530,119.942 L11.829,140.666 C8.953,147.390 6.924,148.534 17.814,148.759 L61.523,148.759 C72.398,148.534 70.385,147.390 67.500,140.666 L55.808,119.942 L23.530,119.942 ZM30.590,107.919 C30.590,109.923 32.195,111.548 34.178,111.548 C36.159,111.548 37.767,109.923 37.767,107.919 C37.767,105.916 36.159,104.291 34.178,104.291 C32.195,104.291 30.590,105.916 30.590,107.919 ZM37.278,61.870 C35.565,61.870 34.178,63.275 34.178,65.007 C34.178,66.738 35.565,68.141 37.278,68.141 C38.991,68.141 40.378,66.738 40.378,65.007 C40.378,63.275 38.991,61.870 37.278,61.870 ZM42.804,75.375 C41.464,75.375 40.378,76.474 40.378,77.829 C40.378,79.184 41.464,80.283 42.804,80.283 C44.144,80.283 45.232,79.184 45.232,77.829 C45.232,76.474 44.144,75.375 42.804,75.375 ZM40.378,85.021 C36.953,85.021 34.178,87.828 34.178,91.291 C34.178,94.755 36.953,97.560 40.378,97.560 C43.803,97.560 46.579,94.755 46.579,91.291 C46.579,87.828 43.803,85.021 40.378,85.021 ZM44.849,101.419 C43.895,101.419 43.122,102.203 43.122,103.167 C43.122,104.133 43.895,104.916 44.849,104.916 C45.804,104.916 46.579,104.133 46.579,103.167 C46.579,102.203 45.804,101.419 44.849,101.419 ZM47.159,109.460 C45.289,109.460 43.769,110.995 43.769,112.889 C43.769,114.783 45.289,116.318 47.159,116.318 C49.032,116.318 50.551,114.783 50.551,112.889 C50.551,110.995 49.032,109.460 47.159,109.460 Z'/%3E%3C/svg%3E"); } .has-children .level0:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #3399cc; border-top: none; left: 50%; top: -7px; } .parent ul li { transition: all 0.3s ease; vertical-align: top; padding: 0; } .parent ul li:hover a span { color: #fff; } .nav-primary li.level1 a { border-bottom: none; height: 100%; border: 0; padding: 30px 10px 0 10px; } .dektop_nav { display: inline-block; } #dektop_nav.is-active { right: 0; } .nav-primary { font-size: 0; } .site-header_menu_container li a { display: block; z-index: 99; } .site-header_menu_container li a span, #header_search button span, a.button, .content_page a.button { color: #fff; font-size: 1rem; font-weight: 500; } .button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button { letter-spacing: initial; } #header-nav { display: inline-block; } #header_search { display: inline-block; } .page-hero_content { color: #fff; position: absolute; top: 50%; transform: translateY(calc(-50% + 24px)); margin: 0 22rem; z-index:998; } .page-hero h1 { color: #fff; font-weight: 700; font-size: 3.2rem; line-height: 1.4; } .dektop_nav li { display: table-cell; border-left: 1px solid #fff; border-right: 1px solid #fff; } .dektop_nav li:first-child { border-left: 2px solid #fff; } .dektop_nav li:last-child { border-right: 2px solid #fff; } .link-list__list .parent a:after { display: none !important; } .child_of .nav_child_cat_title { bottom: 0 !important; padding-bottom: 0 !important; } .level0.has-children ul:before { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #3399cc; border-top: none; left: 50%; top: -7px; } .child_of li { border: none !important; } .child_of li .hovereffect { display: none; } /* -------------------------------------------- * * Hamburger Menu */ .mob_nav { display: none } /* Spin */ .hamburger { position: relative; top: 50%; transform: translateY(-50%); padding: 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; } .hamburger-inner, .hamburger-inner:before, .hamburger-inner:after { width: 30px; height: 3px; background-color: #fff; border-radius: 1px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .is-active .nav-primary li.active { border-color: #dc3939; border-left: none; border-right: none; margin-left: 0; margin-right: 0; position: relative; border-top: none; border-bottom: none; margin-top: 0; margin-bottom: 0; } .is-active .nav-primary li.level0 ul { top: 100%; background: transparent; border: none; left: 0; z-index: 99; width: 100%; padding-left: 0; padding-right: 0; position: relative; } #dektop_nav.is-active #header-nav { display: block; overflow: scroll; height: 100%; width: 100%; } #dektop_nav.is-active.is-active .level1.parent > ul { display: none; } #dektop_nav.is-active.is-active .nav-primary li.level1 { width: 100%; text-align: left; } #dektop_nav.is-active .parent:hover ul.level0 { display: none; } #dektop_nav.is-active .menu-active.parent:hover ul.level0 { display: none; } #dektop_nav.is-active .parent menu-active ul { display: block !important; } #dektop_nav.is-active .nav-primary li.level0 ul { box-shadow: none; } #dektop_nav.is-active .parent .nav_icon { width: 60px; text-align: left; display: inline-block; vertical-align: middle; } #dektop_nav.is-active .parent ul .nav_title_cotnainer { position: relative; width: auto; height: auto; vertical-align: middle; display: inline-block; margin-bottom: 0; vertical-align: middle; width: calc(100% - 60px); } #dektop_nav.is-active .parent li.active { background: none; } #dektop_nav.is-active .nav_icon:after { height: 40px; } #dektop_nav.is-active .nav-primary li.level1 { margin: 1rem 0; } #dektop_nav.is-active .nav-primary li.level1 a { padding: 0; } #dektop_nav.is-active .nav-primary li.level1 a span { padding-top: 0; line-height: initial; } #dektop_nav.is-active #nav_category-node-3 .nav_icon::after { width: 15px; } #dektop_nav.is-active #nav_category-node-10 .nav_icon::after { width: 36px; } #dektop_nav.is-active #nav_category-node-7 .nav_icon::after { width: 28px; } #dektop_nav.is-active #nav_category-node-8 .nav_icon::after { width: 32px; } #dektop_nav.is-active .parent ul li:hover { background: none; } #dektop_nav.is-active .nav-primary li.level1 a span { color: #fff; font-size: 1rem; } #dektop_nav.is-active .site-header_menu_container li a span { font-size:1.4rem; text-transform: capitalize; } .pos_fixed { position: fixed; } #nav_search_btn { padding: 0 1rem; margin: 0; position: absolute; right: 0; top: -2px; height: calc(100% + 2px); border: none; background: transparent; } .buttonSpan { position: relative; } #nav_search_btn span { color: #dc3939; font-size: 1rem; font-weight: 600; } #search_input, #nav_search_btn { display: inline-block; } #nav_search .input-text:focus { border-bottom: none; } #nav_search .arrow_icon { stroke: #dc3939; fill: #dc3939 } .dektop_nav li { position: relative; } .dektop_nav li:last-child { position: unset; } /* -------------------------------------------- * * autocomplete */ .autocomplete { position: relative; display: inline-block; } .autocomplete-items { font-size: 1.1rem !important; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0; text-align: left; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div:hover { background-color: #e9e9e9; } .autocomplete-active { background-color: #E5E5E5 !important; color: #000; } .autocomplete-items strong { font-weight: 700; } .search_content { padding-bottom: 2rem; } /* ========================================================================== Structure ========================================================================== */ /* -------------------------------------------- * * Hero | Banners */ .l-wrapper.page-hero { width: auto; height: calc(100% - 5rem); position: relative; transition: all 0s ease; } .page-hero { background: #E5E5E5; } /* -------------------------------------------- * * Breadcrumbs */ .breadcrumbs { overflow: hidden; margin: -15px 0 15px; } .breadcrumbs .separator:after { font-family: FontAwesome; content: '\f101'; color: #dc3939; } .breadcrumbs ul { list-style: none !important; } .breadcrumbs li { float: left; font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif; } .breadcrumbs a { float: left; color: #359AAD; } .breadcrumbs a:hover { color: #3399cc; } .breadcrumbs strong { color: #636363; font-weight: normal; } .breadcrumbs span { float: left; padding: 0 7px; } .breadcrumbs li, .breadcrumbs span, .breadcrumbs a { font-size: 1.26rem; } /* -------------------------------------------- * * Pages */ .l-wrapper { margin: 2.5rem; } .wrapper { max-width: 1320px; } .wrapper { margin: 0 auto; padding: 0 20px; } .wrapper:after { content: ''; display: table; clear: both; } .cms-about .wrapper, #home_section1 .table { max-width: 100%; } #home_section1 { margin: 8rem 0; } #home_section1 .table { padding: 0 4.5rem; } #privacy_wrapper.l-wrapper { margin-top: 0; } .privacy li { display: inline-block; position: relative; } .sitemap_link:after { content: ' | '; } .footer_contact_form_container.l-wrapper { margin-bottom: 0; } .footer_contact_form_container .footer__contact_form .wrap { padding-bottom: 2.25rem; } .content_wrapper { padding-top: 4rem; padding-bottom: 4rem; } .page_intro { width: auto; } #home_section1 .page_intro { padding-left: 2rem; position: relative; z-index: 998; } .colx2 { width: 50%; display: inline-block; vertical-align: top; } .page_col_lg { width: 64%; } .page_col_sm { width: 36%; } .wrap { padding: 4rem; } #markets { padding-top: calc(80px + 4.5rem); } #markets .wrap { padding-bottom: 2rem; } .page_section1_intro { padding: 80px 0; } .page-hero-sm { height: 400px; position: relative; } #home_section1 .content_page { padding: 9rem 0 4.5rem 0; } .content_page { padding: 5rem 0 0 0; } .left { float: left; } .right { float: right; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .page_col_img { width: 100%; height: auto; } .page_content ul { vertical-align: top; list-style: disc; box-sizing: border-box; } #markets .page_content ul { display: inline-block; max-width: 60%; margin: 0.8rem 0; padding-left: 18px; } #markets .page_content ul:first-of-type { padding-right: 3rem; } .page_content li { padding: 0; } .t_left { width: calc(240px - 1.5rem); word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .table { display: table; } .table-row { display: table-row; } .tablecell { display: table-cell; vertical-align: top; } #home_section2 { background: #20596d; padding-bottom: 80px; position: relative; } .cms-about #home_section2 { margin-top: 4.5rem; } #home_section2 .wrap { padding-top: calc(4rem + 60px); } .cms-about #home_section2 { margin-bottom: 8rem; } #home_section2 .wrap { position: relative; z-index: 99; } .section_margins { margin: calc(60px + 4.5rem) 0; } .center_content { max-width: 900px; margin: 0 auto; } .center { text-align: center; } .bg_box_shadow { box-shadow: inset 0 29px 50px -27px rgba(0,0,0,0.2), inset 0px -12px 29px -12px rgba(0,0,0,0.4); } .featured_products_list { margin: 2rem 9rem; } .featured_products_list a { display: block; height: 100%; } .product_list { padding: 4rem 0 0 0; margin: 0 auto; display: grid; overflow: hidden; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; grid-column-gap: 1rem; grid-row-gap: 25px; } .list-item { display: flex; padding: 0.5em; margin-bottom: 0; } .list-content { width: 100%; } .list-content a { color: #fff; } .product_info .overlay { display: none; } .cat_product_image_mobile { display: none; } .product_icon { height: 95px; width: auto; margin: 0 auto; } .custom_synth { height: 110px; margin-top: -15px; } .product_title { font-size: 1rem; line-height: initial; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .h_btn { width: 180px; height: 180px; position: absolute; bottom: -90px; left: 0; right: 0; margin: 0 auto; cursor: pointer; } .h_btn__lg { width: 390px; height: 390px; position: absolute; bottom: -195px; left: 0; right: 0; margin: 0 auto; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .cms-home .parallax_bg .h_btn__lg { cursor: pointer; } .hexagon-wrapper { text-align: center; position: relative; display: inline-block; width: 100%; height: 100%; } .page-hero-sm .grey_bg { background: #f6f6f6; } .hexagon { height: 100%; width: calc(100% * 0.57735); display: inline-block; } .hexagon:before { position: absolute; top: 0; right: calc((100% / 2) - ((100% * 0.57735) / 2)); background-color: inherit; height: inherit; width: inherit; content: ''; transform: rotateZ(60deg); } .hexagon:after { position: absolute; top: 0; right: calc((100% / 2) - ((100% * 0.57735) / 2)); background-color: inherit; height: inherit; width: inherit; content: ''; transform: rotateZ(-60deg); } .h_btn span { color: #fff; position: absolute; top: 50%; z-index: 999; left: 0; right: 0; transform: translateY(-50%); padding: 0 1rem; font-weight: 500; font-size: 1rem; line-height: 1.4; } .h_btn__lg h1 { color: #0b0b0b; position: absolute; top: 50%; z-index: 999; left: 0; right: 0; transform: translateY(-50%); padding: 0 0.1rem; font-weight: 600; font-size: 40px; line-height: initial; word-break: normal; hyphens: unset; hyphens: initial; } .category-custom-synthesis .h_btn__lg h1 { font-size: 42px; } .h_btn:hover .red_bg { background: #359AAD; } .relative { position: relative; } .catalog-category-view .breadcrumbs { display: none; } .category_hero { background: #f1f1f url('skin/frontend/rwd/inochem/images/backgrounds/contact_inochem.png') repeat 50% / cover; } .contact_btn { margin-top: 2rem; } .contact_btn span { display: inline-block; vertical-align: middle; } .category-description { text-align: center; max-width: 1024px; margin: 0 auto; padding: 0 2rem 4rem 2rem; } .col_100 { width: 100%; display: block; } .col_50 { width: 50%; display: inline-block; vertical-align: top; } .cms-about .nd2_col { padding-left: 2rem; padding-top: 1rem; } .contact_page_form, .contact_page_content { display: inline-block; vertical-align: top; } .contact_page_content { width: 540px; } .contact_page_form { width: calc(100% - 540px); padding: 4.5rem 0; } .contact_us_container { width: 540px; height: 540px; } .contact_us_info { color: #fff; z-index: 999; left: 0; right: 0; padding: 0 4rem; font-weight: 500; font-size: 1.2rem; line-height: 1.2; text-align: left; position: absolute; top: 0; transform: translateY(-50%); top: 50%; } .contact_information strong { font-weight: 800; } .contact_information { width:100%; } .contact_information .tablecell { padding: 0.5rem; } .contact_us_info a span { color: #fff; font-size: 1.2rem; font-weight: 500; } .contact_page_form .wrap { padding: 0 6rem 0 0; } .contact_page_form .main_title { display: none; } .about_us_info { margin: 0 9rem; text-align: center; padding: 0 2rem 4rem 2rem; } .about_inochem { width: calc(100% - 2rem); height: auto; } .col_50 .contact_btn { margin-top: 1rem; } .cms-about .col_50 .contact_btn { margin-top: 2rem; } .cms-about .content_page { padding: 5rem 4rem; } .box { width: 500px; height: 500px; border-top: 300px solid transparent; border-right: 300px solid transparent; border-bottom: 300px solid goldenrod; border-left: 300px solid transparent; } .chexagon { position: relative; width: 540px; height: 580px; min-height: 580px; background: #359AAD; background: url('/skin/frontend/rwd/inochem/images/backgrounds/contact_hex.svg'); background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAm0AAALOCAMAAADMXdTMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACbVBMVEUAAAAIR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10IR10AAADuSSx7AAAAznRSTlMABWjLRsbmw0EmpSUOg+LhfgRg1FwCOry6Hp2YGwt33goBUs9QM7MtF4/l5I4Gb9tJSKwShoXXP8C+IHxYVbYZlpEISywoiNhh0zm5dNxOsBaKRcEigVkcl23Zqj16U7TjZqLQN7cac0yuFEJfm3XNMbFrqBA7V5RuyCtk1aE0cEqNZ8WjXdGZLq8VaUN/v5zfVs6SbCmpETyeeJXdyYtlwiNaNXHa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'); background-size: 100% 100%; } #contactForm { position: relative; z-index: 999; } .catalogsearch-result-index .page-title { text-align: center; } /* -------------------------------------------- * * Floating Chemicals */ .compound { width: 100%; position: relative; z-index: 99; } .compound_icon, .hero_compound_icon, .hero_compound_icon2, .compound_3, .compound_4, .compound_5 { position: absolute; transition-timing-function: ease; transition: 0.02s; -webkit-transition: all 300ms cubic-bezier(0.255, 0.02, 0.215, 0.655); transition: all 300ms cubic-bezier(0.255, 0.02, 0.215, 0.655); } .compound_icon4 { left: -120px; top: 0; width: 290px; z-index: -1; } .compound_icon5 { right: 4rem; top: -6rem; width: 385px; height: 300px; } .compound_icon8 { right: -100px; bottom: 250px; width: 325px; } .compound_icon9 { left: 4rem; top: -274px; width: 295px; } .cms-home .compound_icon9 { top: -100px; } .compound_icon10 { left: 1rem; top: -100px; width: 178px; height: 206px; opacity: 0.7; } .about_compound_icon2 { left: 1rem; top: -60px; width: 108px; opacity: 0.7; } .page_compound_icon_pos11 { left: 1rem; bottom: 0; width: 120px; } .page_compound_icon_pos12 { left: 0; bottom: 0; width: 269px; opacity: 0.8; } .page_compound_icon_pos2 { right: 1rem; top: 50px; width: 380px; } .page_compound_icon_pos3 { right: 1rem; top: 0; width: 128px; opacity: 0.4; } .about_page_compound_icon_pos2 { right: 4rem; bottom: -160px; width: 401px; height: 313px; } .about_page_compound_icon_pos3 { right: 1rem; bottom: 80px; width: 178px; height: 206px; opacity: 0.4; } .inner_compound_icon1 { width: 255px; top: 0; left: -30px; } .inner_compound_icon2 { width: 80px; top: 0; left: 180px; } .inner_compound_icon3 { width: 220px; top: 0; right: 4rem; } .inner_compound_icon4 { width: 120px; top: -4rem; right: 2rem; } .inner_compound_icon16 { width: 500px; top: -200px; right: 0; } .page_col_img_container { position: relative; padding-bottom: 4.5rem; } /* ========================================================================== Type ========================================================================== */ a { text-decoration: none; } a, input, button, div { transition: all 0.4s ease; } .white .main_title, .white p, .white span, .white li { color: #fff; } .endw_underscore:after { content: '_'; color: #0b0b0b; bottom: 0; } .white .endw_underscore:after { color: #fff; } .main_title { color: #0b0b0b; font-size: 2rem; line-height: 1.1; letter-spacing: 1px; font-weight: 700; font-style: normal; margin-bottom: 1.5rem; position: relative; } .arrow_icon svg { position: relative; margin-left: 0.4rem; width: 16px; fill: #fff; vertical-align: middle; display: inline-block; } .link-list__list a { color: #0b0b0b; } #nav.link-list__list a { color: #fff; font-weight: 500; } #markets .page_content { position:relative; z-index: 100; } #home_section1 .contact_btn, #markets .contact_btn { margin-top: 1.5rem; } .page_content p { padding: 0.8rem 0; } .page_content p.contact_btn { padding: 0 0; } .page_content p, .page_content li, .page_content span, .page_content a span, .page_content a, .std, .std p, .std span, .std li, .cms-page-view .std li, .data-table tbody td, .data-table tfoot td { font-size: 1rem; line-height: 1.5; } .std h1, .std h2 { font-size: 1.4rem; font-weight: 600; } .cms-privacy .std h1, .cms-privacy .std h2 { margin-top: 2rem; } .cms-privacy .std p, .cms-privacy .std li, .data-table tbody td, .data-table tfoot td { font-size: 1.1rem; } .page-title { margin-bottom: 1rem; } .page_content p:first-of-type { padding-top: 0; padding-bottom: 0; } .red_bg { background-color: #dc3939; } .white_bg { background-color: #fff; } .turquoise_bg { background-color: #359AAD; } .grey_bg { background: #E5E5E5; } .page-hero-sm .compound { height: 1px; } .compound_icon9 { left: 4rem; top: -274px; width: 225px; } .about_page_compound_icon_pos3 { right: 1rem; bottom: 80px; width: 128px; height: 148px; opacity: 0.4; } .about_page_compound_icon_pos2 { right: 4rem; bottom: -80px; width: 301px; height: 235px; } .note-msg { padding: 2rem !important; text-align: center; color: red; border-top: 2px solid #E5E5E5; margin-top: 2rem; } .content_page a { color: #dc3939; } #subcats { vertical-align: top; list-style: none; box-sizing: border-box; flex-wrap: wrap; display: flex; } #subcats li { width: 25%; display: inline-flex; border: 1px solid; } .subcat-image, .subcat-image img { width: 100%; } .category-products .toolbar { display: none; } .products-grid { list-style: none !important; } .catalog_page #products-grid { margin-left: -1rem; margin-right: -1rem; } #products-grid { vertical-align: top; list-style: none; box-sizing: border-box; flex-wrap: wrap; display: flex; position: relative; z-index: 998; } #products-grid li { width: 20%; display: inline-flex; padding: 1rem; } #products-grid li img { width: 100%; } .category-products #products-grid li { width: 25%; display: inline-flex; padding: 1rem; } .mob_product_icon { display: none; } .product-image { position: relative; } .product_info { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.8); margin: 0 2rem; padding: 1rem 1rem; left: 0; right: 0; display: block; text-align: center; word-wrap: normal; z-index: 99; } .product_name { font-size: 32px; color: #0b0b0b; font-weight: 500; } .product_summary p { color: #fff; font-size: 1rem; font-weight: 500; position: relative; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 1rem !important; display: block; } .no-touch .product-image:hover { border-color: none; border: none; } .product_summary { display: none; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(220,57,57,0.95); transition: all 0s ease; z-index: 998; } .catalog_page.l-wrapper { padding-bottom: 0; } .hover_get_q { margin-top: 1rem; display: inline-block; } .hover_get_q span { color: #fff; font-weight: 700; } .link-list__list .hover_get_q:after { background-color: #fff; } #markets li { color: #dc3939; } #markets li strong, #markets li span { color: #0b0b0b; } /* ========================================================================== footer ========================================================================== */ .privacy_policy { text-align: right; } .privacy_policy .wrap { margin-bottom: 2rem; padding-top: 2rem; padding-bottom: 2rem; } .privacy { display: inline-block; } .site-footer { margin-top: 0; background-color: #fff; } .site-footer .l-wrapper { margin-top: 0; margin-bottom: 0; } .footer__contact_form { background: #e5e5e5; } .footer__contact_form .wrap { padding-top: 6rem; padding-left: calc(220px - 1.5rem); padding-right: calc(220px - 1.5rem); padding-bottom: 6rem; } .footer__copyrights { display: table; padding-bottom: 2rem; width: 100%; } .footer__contact strong { font-weight: 600; } .footer__copyrights div { display: table-cell; vertical-align: top; } .footer__copyrights div li { display: inline-block; } .footer_info li { margin-right: 1rem; } #footer_contact_form h4 { margin-left: -2.5rem; } .piranha { text-align: right; min-width: 300px; } .site-footer li, .site-footer span, .site-footer a { font-size: 1rem; } /* ========================================================================== forms ========================================================================== */ .main_contact_form { width: 100%; font-size: 0; } .main_contact_form .colx2 { padding: 0.5rem 1.5rem; } .main_contact_form input[type=text], .main_contact_form input[type=email] { height: 50px; } input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=email], select, textarea { width: 100%; font-size: 1.4rem; border: none; background: none; background: transparent; } .main_contact_form textarea { min-height: 50px; height: 50px; resize: vertical; } .input-box { padding: 1rem 0; position: relative; } input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="email"] { padding-bottom: 0.2rem !important; } textarea { padding-top: 0.4rem; padding-bottom: 0.2rem !important; } .input-text:focus { border-bottom: 3px solid #359AAD; } .input-text.validation-failed:focus { outline-color: #ef9384; } .input-text.validation-failed { border-color: #df280a; } button, a.button { background: #dc3939; padding: 1.1rem 1.4rem; font-weight: 700; line-height: initial !important; } textarea:focus, input:focus { outline: 0; } /* Question */ input.question, input.not-required, textarea.question { font-size: 1.8rem; font-weight: 300; margin: 0; border: none; background: rgba(0, 0, 0, 0); transition: padding-top 0.2s ease, margin-top 0.2s ease; overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */ } input.question + label, input.not-required + label, textarea.question + label { display: block; white-space: nowrap; padding: 0; margin: 0; width: 100%; border-top: 2px solid #777777; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; height: 0px; transition: all 0.5s ease; } input.question:focus + label, textarea.question:focus + label { width: 100%; } input.question:focus + label > span, input.question:valid + label > span { top: -2px; font-size: 18.5px; color: #0b0b0b; } textarea.question:focus + label > span, textarea.question:valid + label > span { top: -2px; font-size: 18.5px; color: #0b0b0b; } input.question:valid + label, textarea.question:valid + label { border-color: #0b0b0b; } input.question + label > span, input.not-required + label > span, textarea.question + label > span { font-weight: 300; margin: 0; position: absolute; font-size: 26px; top: 20px; left: 0px; -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; } .acceptance_field label { display: inline-block; vertical-align: middle; width: calc(100% - 100px); } .acceptance_input { display: inline-block; text-align: center; width: 100px; vertical-align: middle; } .subscribe span, .agree span { font-size: 20px; font-weight: 400; } .acceptance_field { width: 100%; } .acceptance_field .input-box { display: table; width: 100%; } #contactForm #comment { min-height: 126px; } .acceptance_field input[type='checkbox'] { vertical-align: top; } .agree a { color: inherit; font-weight: 400; } .acceptance_field .input-box { padding: 0.5rem 0; } input[type="submit"] { -webkit-transition: opacity 0.2s ease, background 0.2s ease; transition: opacity 0.2s ease, background 0.2s ease; display: block; opacity: 0; margin: 10px 0 0 0; padding: 10px; cursor: pointer; } input.question:valid ~ input[type="submit"], textarea.question:valid ~ input[type="submit"] { -webkit-animation: appear 1s forwards; animation: appear 1s forwards; } input.question:invalid ~ input[type="submit"], textarea.question:invalid ~ input[type="submit"] { display: none; } input.question:invalid, textarea.question:invalid { box-shadow: none; } #contactForm button span { vertical-align: middle; } input.question:focus:invalid + label, textarea.question:focus:invalid + label { border-color: #0b0b0b; } input.not-required:focus:valid + label > span { top: -2px; font-size: 18.5px; } input.not-required:focus + label > span { top: -2px; font-size: 18.5px; } input.not-required:not([value=""]):not(:focus) + label > span { top: -2px; font-size: 18.5px; } input.not-required:not([value=""]):not(:focus) + label { border-color: #0b0b0b; } input.question:focus:invalid + label, textarea.question:focus:invalid + label { border-color: #0b0b0b; } input.question:not([value=""]):not(:focus) + label > span { top: -2px; font-size: 18.5px; border-color: #0b0b0b; } input[type="checkbox"] { -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; width: 30px; height: 30px; background: transparent; position: relative; border-style: none; border: 2px solid #636363; position: relative; } input[type="checkbox"]:checked::after { content: "\2714"; color: #359aad; font-size: 2em; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } ::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } textarea::-webkit-input-placeholder { /* WebKit browsers */ color: transparent; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: transparent; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: transparent; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: transparent; } input[id^="search_input"]::-webkit-input-placeholder { /* WebKit browsers */ color: #0b0b0b; } input[id^="search_input"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0b0b0b; } input[id^="search_input"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0b0b0b; } input[id^="search_input"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0b0b0b; } .active input[id^="search_input"] { padding: 0 30px 0 0.5rem; height: calc(100% + 4px); margin-top: -2px; font-size: 1.1rem; } .close_search { content: 'x'; background: yellow; position: absolute; width: 30px; height: 30px; right: 0; top: 50%; transform: translateY(-50%); display: none; z-index: 999999; } .contact_page_form .colx2 { padding: 0 1.5rem; } .contact_page_form .footer__contact_form .wrap { padding-top: 4.5rem; padding-left: 4.5rem; padding-right: 4.5rem; padding-bottom: 4.5rem; } .contact_page_form .main_contact_form .colx2 { width: 100%; } .contact_page_form .buttons-set { padding-top: 1.2rem; } .contact_page_form .acceptance_field { height: auto; } .messages li li { margin-bottom: 2.5rem; } .messages .success-msg li { color: #fff; background-color: #359aad; border-left: 9px solid #1A576C; } .messages .success-msg li::before { content: ''; position: absolute; width: 0; height: 0; display: block; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #1A576C; border-right: none; } .footer__contact p { display: inline; } #download_form .actions { margin-top: 20px; } #newsletter { height: 55px; } .signup_input label span { font-weight: 700; } /* ========================================================================== Animate ========================================================================== */ @-webkit-keyframes appear { 100% { opacity: 1; } } @keyframes appear { 100% { opacity: 1; } } /* ========================================================================== Media Queries ========================================================================== */ @media screen and (min-width: 1025px) { .site-header_menu_container li a { z-index: 99; position: relative; padding: 1rem 1.5rem; } .link-list__list a { font-size: 1rem; line-height: 1.35; text-transform: none; letter-spacing: 0; font-weight: normal; font-style: normal; border-bottom: none; position: relative; border: 0; transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1); border-color: transparent; } .category-description.link-list__list a { font-size: 1.26rem; display: inline-block; } .link-list__list a:hover span, .link-list__list a:active span, .link-list__list a:focus span { bottom: 5px; padding-bottom: 10px; } .link-list__list a:hover:after, .link-list__list a:active:after, .link-list__list a:focus:after { bottom: -2px; } .link-list__list a:after, .buttonSpan:after, .link-list__list a.has-children div:after { display: block; transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1); content: ""; height: 3px; width: 0; bottom: -5px; position: absolute; background-color: #dc3939; } .link-list__list a:hover:after, .link-list__list a:active:after, .link-list__list a:focus:after, #nav_search_btn:hover span:after, .link-list__list a.has-children:hover div:after, .link-list__list .menu-active a div:after { width: 100%; } .link-list__list a span, .buttonSpan span { position: relative; bottom: 0; transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1); padding: 0; } .link-list__list a:hover span, .link-list__list a:active span, .link-list__list a:focus span { bottom: 5px; } } @media (max-width: 2000px) { .page-hero_content { margin: 0 12rem; } .product_name { font-size: 26px; } } @media (max-width: 1801px) { .page-hero_content { margin: 0 10rem; } #markets .page_content ul { max-width: calc(50% - 1rem); } #markets .page_content ul:first-of-type { padding-right: 2rem; } .product_name { font-size: 24.5px; } } @media (max-width: 1601px) { html, body, button, input, select, table, textarea { font-size: 16.5px; } .nav-primary li:hover .hovereffect, .nav-primary li.active .hovereffect { margin-left: -2px; margin-right: -3px; border-top: 3px solid #dc3939; border-bottom: 3px solid #dc3939; margin-top: -3px; margin-bottom: -3px; width: calc(100% + 4px); height: calc(100% + 6px); } .page-hero h1 { font-size: 3rem; } .page-header-container { padding: 2rem 0; margin: 0 4rem; } .inner_compound_icon1 { width: 225px; } .inner_compound_icon2 { width: 60px; left: 160px; } .inner_compound_icon16 { width: 440px; top: -200px; right: 0; } .l-wrapper.page-hero { height: calc(100% - 4rem); } .page-hero_content { margin: 0 9rem; } .page-header { margin-top: 2rem; } .l-wrapper { margin: 2rem; } .wrapper { margin: 0 8rem; max-width: none; } .cms-about .wrapper { margin: 4.5rem 2.5rem; } .content_page { padding: 8.5rem 0 4.5rem 0; } .compound_icon10 { top: -140px; } input.question + label > span, input.not-required + label > span, textarea.question + label > span, input.question, input.not-required, textarea.question { font-size: 1.6rem; } .acceptance_field .input-box { padding: 1rem 0 0 0; } .cms-contact .acceptance_field label { vertical-align: middle; } .cms-contact .acceptance_input { vertical-align: middle; } .footer__contact_form .content_wrapper { padding: 4.5rem 4rem; } #markets .page_content ul { padding-left: 1rem; max-width: 50%; float: left; } .contact_us_container { width: 500px; height: 500px; } .chexagon { width: 500px; } .contact_page_form .wrap { padding: 0 4.5rem 0 0; } .product_info { margin: 0 1rem; padding: 1rem 1rem; } .product_name { font-size: 24.5px; } input.question + label > span, input.not-required + label > span, textarea.question + label > span { font-size: 24px; } #products-grid li { padding: 0.5rem; } .subscribe span, .agree span { font-size: 18px; } } @media (max-width: 1500px) { #products-grid li { width: 25%; } .product_summary p { padding: 0 0.5rem !important; } .catalog_page #products-grid { margin-left: -0.5rem; margin-right: -0.5rem; } .cms-about .wrapper { margin: 4.5rem; } #home_section1 { margin: 4.5rem 0; } .page-hero h1 { line-height: initial; } } @media (max-width: 1400px) { .l-wrapper { margin: 2rem; } .page-hero_content { margin: 0 6rem; } .about_compound_icon2 { width: 88px; } .compound_icon9 { width: 205px; top: -184px; } .page_compound_icon_pos2 { right: 1rem; top: 20px; width: 300px; } .page_compound_icon_pos3 { right: 1rem; width: 98px; } .page_compound_icon_pos11 { left: 1rem; bottom: 0; width: 100px; } #markets .page_content ul { padding-left: 1rem; max-width: 100%; float: none; } .wrapper { margin: 2rem 6rem; max-width: none; } .contact_page_content { width: 500px; } .contact_us_container { width: 500px; height: 500px; } .contact_page_form { width: calc(100% - 500px); } .compound_icon8 { right: -2rem; bottom: 0; } .contact_page_form .wrap { padding: 0 3rem 0 0; } .product_name { font-size: 22px; } .subscribe span, .agree span { font-size: 1rem; } .product_list { padding: 4rem 0 0 0; grid-row-gap: 20px; } .product_icon { height: 80px; } .custom_synth { height: 90px; margin-top: -10px; } } @media (max-width: 1280px) { .site-header_menu_container, .logo_container { vertical-align: top; } .compound_icon8 { right: -4rem; bottom: 0; } #home_section1 { padding-top: 1rem; padding-bottom: 2.5rem; } .input-box { padding: 0.8rem 0; } .acceptance_field .input-box { width: 100%; } input.question + label > span, input.not-required + label > span, textarea.question + label > span { font-size: 1.6rem; } #footer_contact_form h4 { margin-left: 0; } .main_contact_form .colx2 { padding: 0.5rem 1rem; } .footer__contact_form .wrap { padding: 4.5rem; } .contact_page_form { width: calc(100% - 450px); } .contact_page_content { width: 450px; } .contact_us_container { width: 450px; height: 450px; } .chexagon { width: 450px; height: 500px; min-height: 500px; } .contact_page_form .wrap { padding: 0 4rem 0 0; } .hover_get_q { margin-top: 0.5rem; } .h_btn__lg h1 { font-size: 1.6rem; } .h_btn__lg { width: 300px; height: 300px; bottom: -150px; } .cms-contact .wrapper { margin: 4rem 2.5rem; } .category-custom-synthesis .h_btn__lg h1 { font-size: 2rem; word-wrap: normal; hyphens: none; } } @media (max-width: 1090px) { .dektop_nav { background: #dc3939; position: fixed; height: 100%; top: 0; width: 100%; right: -100%; } .site-header_menu_container { width: calc(100% - 290px); } .cms-about .wrapper, #home_section1 .table { margin: 0; } #home_section1 .wrapper, #markets .wrap { padding: 2rem 4rem 4rem 4rem; margin: 0; } .mob_nav { border: 3px solid #fff; height: 50px; width: 50px; display: inline-block; text-align: center; cursor: pointer; z-index: 9999; position: relative; } #header-nav { display: block; } .dektop_nav li { display: block; } #nav { display: block; margin-top: calc(50px + 1rem); } .nav-primary li { border-right: none; } } @media (max-width: 1025px) { #header-account li a, .nav-primary a.level0 { border-bottom: 2px solid #d78585; text-align: left; color: #636363; line-height: 30px; display: block; font-size: 1.2rem; font-weight: 600; } #dektop_nav a { padding: 2rem; } .parent.menu-active > ul { display: block !important; } .nav-primary li.parent.menu-active ul { display: block !important; } #dektop_nav.is-active #header_search { display: none; } .dektop_nav li:first-child { border-left: none; } #nav { border-top: none; border-bottom: none; display: block; } .dektop_nav li { border-left: none; border-right: none; display: block; } .dektop_nav li:last-child { border-right: none; } .hovereffect { display: none; } .l-wrapper.page-hero { height: calc(100% - 4rem); } .page_compound_icon_pos3 { right: 0.5rem; top: 0; width: 68px; } .page_compound_icon_pos12 { left: 0.5rem; bottom: 5px; width: 169px; } .page_compound_icon_pos11 { left: 0; bottom: 120px; width: 65px; } .page_compound_icon_pos2 { width: 200px; top: 0; } .inner_compound_icon3 { width: 160px; top: -40px; right: 7rem; } .inner_compound_icon4 { width: 80px; top: -6rem; right: 6rem; } .inner_compound_icon1 { width: 145px; top: -70px; } .inner_compound_icon2 { width: 40px; left: 100px; } .h_btn__lg { width: 220px; height: 220px; bottom: -110px; } .category-custom-synthesis .h_btn__lg h1 { font-size: 1.45rem; } .compound_icon8 { right: 0; bottom: 160px; width: 265px; } .compound_icon10 { top: -80px; width: 100px; height: 116px; } .compound_icon9 { left: 0; top: -165px; width: 125px; } .compound_icon10 { top: -40px; width: 60px; height: 70px; } .about_compound_icon2 { left: 1rem; top: -60px; width: 68px; } .inner_compound_icon16 { width: 320px; top: -150px; } #home_section1 { padding-top: 0; padding-bottom: 0; } .wrapper { padding: 0 0; } .cms-about .wrapper { margin: 0 2.5rem 2.5rem 2.5rem; } .cms-about .nd2_col { padding-left: 1rem; padding-top: 0; } .page-hero h1 { color: #fff; font-weight: 700; font-size: 2.8rem; line-height: 1.4; } .page-hero_content { font-size: 3rem; } #home_section1 { text-align: left; } #home_section1.section_margins { margin: 4rem 0; } #home_section1 .tablecell { display: block; width: 100%; } #home_section2.section_margins { margin: 0 0; } #home_section2 { padding-bottom: 75px; } .center_content { max-width: 800px; } .product_icon { height: 55px; } .product_title { font-size: 1rem; } .h_btn { width: 150px; height: 150px; bottom: -75px; } #markets { padding-top: 75px; } #markets .page_content ul:first-of-type { padding-right: 0; padding-top: 0.5rem; } #markets .page_content ul { padding-left: 0; max-width: 100%; width: 100%; text-align: left; margin: 0; } .wrap { padding: 3rem; } #markets .wrap { padding-bottom: 3rem; } #home_section1 .page_intro { padding-left: 0; } .page_content p, .page_content li, .page_content span, .page_content a, .page_content a span { font-size: 1rem; line-height: 1.5; } .page_content p { padding: 0.6rem 0; } .page_col_lg { width: 100%; } .page_col_sm { width: 100%; } .page_col_img { width: calc(100% - 4rem); height: auto; margin: 0 2rem; height: 400px; object-fit: cover; } .t_left { width: 200px; } input.question + label, input.not-required + label, textarea.question + label { border-top: 1px solid #636363; } input[type="checkbox"] { border: 1px solid #636363; } .footer__contact_form .wrap { padding: 3rem; } .input_label_container label > span { display: none !important; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #0b0b0b; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0b0b0b; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0b0b0b; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0b0b0b; } textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #0b0b0b; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0b0b0b; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0b0b0b; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0b0b0b; } .footer__contact_form .content_wrapper { border: 1px solid lime; } .acceptance_field .acceptance_input { width: 40px; padding-left: 10px; } .page-hero-sm { height: 340px; } .content_page { padding: 8rem 0 2rem 0; } .h_btn__lg h1 { font-size: 1.45rem; } .cms-contact .wrapper { margin: 2rem 2rem; } .cms-contact .main_contact_form .colx2 { padding: 0; } .cms-contact .acceptance_field label { width: calc(100% - 40px); } .contact_page_form { width: calc(100% - 380px); } .contact_page_content { width: 380px; } .contact_us_container { width: 380px; height: 380px; } .chexagon { width: 380px; height: 420px; min-height: 420px; } .contact_us_info a span, .contact_us_info { font-size: 1rem; } .contact_us_info { padding: 0 2rem; } .input-box { padding: 0.8rem 0; } #markets .t_left { width: 100%; display: block; } #markets .tablecell { width: 100%; display: block; } #markets .wrap { padding-bottom: 3rem; text-align: left; } .catalog_page #products-grid { margin-left: -0.5rem; margin-right: -0.5rem; } #products-grid li { width: 33.33%; padding: 0.5rem; } .category-description { padding: 0 1rem 2rem 1rem; } .about_us_info { margin: 0 0; padding: 0 2rem 3rem 2rem; } .acceptance_input { width: 40px; } .acceptance_field label { width: calc(100% - 40px); } .subscribe span, .agree span { font-size: 0.9rem; } .contact_page_form { padding-top: 0; } .site-footer li, .site-footer span, .site-footer a { font-size: 0.9rem; } .category-products #products-grid li { width: 50%; } .cms-about .content_page { padding: 5rem 2rem; } .product_list { padding: 4rem 1rem 0 1rem; } .page_col_img_container { padding-bottom: 0; } } @media (max-width: 920px) { html, body, button, input, select, table, textarea { font-size: 14.5px; } .compound_icon8 { right: -1rem; width: 205px; } .l-wrapper { margin: 2rem; } .wrapper { margin: 2rem 4rem; } .colx2 { width: 100%; display: block; } .main_contact_form .colx2 { padding: 0 1.5rem; } .form-list .field, .form-list .wide, .form-list .control { margin-bottom: 0; } input.question, input.not-required, textarea.question { font-size: 1.4rem; } input.question + label > span, input.not-required + label > span, textarea.question + label > span { font-size: 1.4rem; top: 24px; } input.question:focus + label > span, input.question:valid + label > span { font-size: 16px; } .main_contact_form input[type="text"], .main_contact_form input[type="email"] { height: 35px; } .main_contact_form textarea { min-height: 35px; height: 35px; } textarea.question:focus + label > span, textarea.question:valid + label > span { font-size: 12px; } input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="email"] { padding-bottom: 0; } .footer__copyrights div li { margin-right: 0; display: inline; } .footer__copyrights { display: block; padding: 2rem 0 0 0; } .footer__copyrights div { display: block; vertical-align: top; text-align: center; } .piranha { text-align: center; min-width: 100%; padding: 1rem 0; } .contact_page_form { width: calc(100% - 360px); } .cms-contact .wrapper { margin: 2rem 3rem; } .contact_us_container { width: 360px; height: 360px; } .chexagon { width: 360px; min-height: 380px; } .contact_page_content { width: 360px; } .contact_page_form .buttons-set { padding-top: 2rem; } .contact_page_form .wrap { padding: 0 3rem 0 0; } .input-box { padding: 1rem 0; } .acceptance_field label { display: inline-block; float: right; width: calc(100% - 35px); } .acceptance_field .acceptance_input { width: 35px; float: left; } input[type="checkbox"] { width: 24px; height: 24px; } .acceptance_field { height: auto; } .buttons-set { margin: 0 0 0; } .acceptance_field .acceptance_input { padding-left: 0; } .acceptance_input { display: table-cell; text-align: left; } #contactForm #comment { min-height: 70px; } .buttons-set { padding-top: 20px; } #markets .page_content ul { padding-left: 1rem; } } @media (max-width: 840px) { #download_sdf_form { width: 100%; padding: 2.5rem; height: 100%; } } @media (max-width: 820px) { .page-header-container { margin: 0 4.2rem; padding: 2rem 0; } .about_inochem { width: 100%; margin-bottom: 2rem; } .col_50 { width: 100%; display: block; } .about_us_info { margin: 0 0; padding: 0 0 2rem 0; } .content_page { padding: 5.5rem 0 1rem 0; } .wrapper { margin: 2rem 3rem; } .h_btn__lg { width: 160px; height: 160px; bottom: -80px; } .h_btn__lg h1 { font-size: 1.2rem; padding: 0 0.2rem; } .cms-about .content_page { padding: 4.5rem 0 0 0; } } @media (max-width: 800px) { .page-hero h1 { font-size: 2.4rem; } .col_50 { text-align: center; } .contact_page_form .wrap { padding: 0 0 0 0; } .cms-contact .wrapper { margin: 2rem 4.5rem; } .contact_page_form { width: 100%; } .contact_page_content { width: 100%; } .contact_us_container { width: 100%; height: auto; } .chexagon { margin-top: 0; position: relative; width: 100%; height: unset; min-height: none; background: #1A576C; min-height: unset; } .content_page { padding: 6rem 0 2rem 0; } .main_contact_form { padding-top: 2rem; } .contact_us_info { padding: 4rem; position: relative; top: 0; transform: none; top: unset; } #products-grid li { width: 50%; padding: 0.5rem; border: 1ppx solid; } .product_list { padding: 3rem 0 0 0; } .list-item.featured_product_icon { display: none; } .list-item { display: inline-flex; width: 50%; padding: 2rem; } .page_content .list-item { padding-top: 1.5rem; } .mob_product_icon { height: 60px; width: auto; margin: 0 auto; display: block; } .product_title { top: unset; transform: none; padding: 1.5rem; } #home_section2 .wrap { padding-top: calc(2rem + 60px); padding-bottom: 1.5rem; } .main_contact_form { padding-top: 0; } #home_section1 .wrapper, #markets .wrap { padding: 3rem 4rem 4rem 4rem; } } @media (max-width: 770px) { .site-header_menu_container { width: calc(100% - 190px); } .compound_icon8 { right: -2rem; width: 180px; bottom: 0; } } @media (max-width: 620px) { .page-header { margin-top: 1rem; } .page-hero_content { margin: 0 4rem; } .page-hero h1 { font-size: 2.4rem; line-height: 1.3; } .page-header-container { margin: 0 3rem; padding: 2rem 0; } .l-wrapper { margin: 1rem; } .l-wrapper.page-hero { height: calc(100% - 2rem); } #home_section1 { margin: 2.5rem 0; } #home_section1 .table { padding: 0 0; } .main_title { font-size: 2rem; margin-bottom: 1rem; } .main_contact_form .colx2 { padding: 0 0.5rem; } .wrap { padding: 1rem; } .page_col_img { width: calc(100% - 2rem); height: auto; margin: 0 1rem; height: 350px; object-fit: cover; } #contactForm { padding: 0.5rem; } .cms-contact #contactForm { padding: 1rem; } #footer_contact_form h4 { margin-bottom: 0; } .footer__contact_form .content_wrapper { padding: 2rem 1.5rem; } .footer__contact_form .content_wrapper { border: none; } .footer__copyrights { padding: 1rem 0 0 0; } .buttons-set .button { margin-bottom: 0; } .privacy_policy { text-align: center; } .privacy_policy .wrap { padding-top: 0; padding-bottom: 2.5rem; } .privacy_policy .wrap { margin-bottom: 0; } .footer_contact_form_container .footer__contact_form .wrap { padding-bottom: 2.25rem; padding-top: 2.25rem; } .cms-about .nd2_col { padding-left: 0; padding-top: 0; } .cms-about .wrapper { margin: 0 1rem 2.5rem 1rem; } .product_name { font-size: 1rem; } .category-products #products-grid li { width: 100%; } .product_list { display: block; margin: 0 4rem; padding: 2rem 0 1.5rem 0; } .list-item { display: block; float: left; width: 50%; text-align: center; } .list-item.featured_product_icon { display: none; } .mob_product_icon { display: block; margin: 0 auto; height: 60px; } .custom_synth { height: 60px !important; margin-top: -10px !important; } } @media (max-width: 480px) { .wrapper { border: none; } .l-wrapper.page-hero { height: calc(100% - 1rem); } .page-hero h1 { font-size: 2rem; } .page-hero-sm { height: 260px; } .about_compound_icon2 { left: 1rem; top: -40px; width: 42px; } .inner_compound_icon16 { width: 170px; top: -100px; } .compound_icon9 { left: 0; top: -115px; width: 80px; } .compound_icon8 { right: 0; bottom: -45px; width: 125px; } .page_compound_icon_pos2 { right: 0; width: 110px; top: -5px; } .inner_compound_icon1 { width: 95px; top: -65px; } .inner_compound_icon2 { width: 25px; left: 55px; } .page_compound_icon_pos3 { width: 50px; } .page_compound_icon_pos3 { right: 0; top: -15px; width: 38px; } .page_compound_icon_pos12 { left: 0; bottom: 20px; width: 109px; } .page_compound_icon_pos11 { left: 1rem; bottom: 0; width: 45px; } .page-header { margin-top: 0.5rem; } .page-header-container { margin: 0 1.5rem; padding: 1rem 0; } .l-wrapper { margin: 0.5rem; } .wrapper { margin: 0.5rem 1.5rem; } .content_page { padding: 55px 0 1rem 0; } #footer_contact_form h4 { margin-left: 0; } .main_contact_form .colx2 { padding: 0; } .footer__contact_form .wrap { padding: 1.5rem; } .arrow_icon svg { width: 10px; } .h_btn__lg { z-index: 99; } .h_btn span { font-size: 1rem; line-height: initial; } .h_btn { width: 120px; height: 120px; bottom: -60px; } .h_btn__lg h1 { font-size: 1.2rem; padding: 0 0.1rem; } #markets .wrap { padding-bottom: 1.8rem; } #markets .contact_btn { margin-top: 2rem; } .inner_compound_icon3 { width: 110px; top: 0; right: 2rem; } .inner_compound_icon4 { width: 60px; top: -2rem; right: 2rem; } .product_list { margin: 0 2rem; } #home_section2 .wrap { padding-top: 4rem; padding-bottom: 0; } .mob_product_icon { height: 50px; } .product_title { padding: 1rem 0; } .page_col_img { width: calc(100% - 1rem); height: auto; margin: 0 0.5rem; height: 250px; object-fit: cover; } .cms-contact .wrapper { margin: 0 0.5rem; } .contact_us_info { padding: 8rem 3rem 4rem 3rem; position: relative; top: 0; transform: none; top: unset; } .footer__copyrights li, .footer__copyrights a, .footer__copyrights span { font-size: 0.9rem; } .piranha { padding: 0.5rem 0 1rem 0; } .cms-contact .privacy_policy .wrap { padding-top: 1.5rem; padding-bottom: 1.5rem; } .cms-contact .content_page { padding: 0 0 0 0; } .catalog_page #products-grid { margin-left: 0; margin-right: 0; } #products-grid li { width: 100%; padding: 1rem; margin: 0.5rem 0; padding: 0; position: relative; } .product-image { position: unset; height: auto; width: 100%; } #products-grid li img { display: none; } .product_info { margin: 0; padding: 0; width: 100%; position: relative; display: block; } .cat_product_image_mobile { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .item .product_name { position: relative; z-index: 99; background: white; display: inline-block; padding: 1rem; margin: 1rem; } .product_info { position: relative; top: 0; transform: none; } .product_summary { height: auto; position: relative; } .product_summary p { top: 0; transform: none; padding: 1rem !important; } .product_info .overlay { display: block; } .cat_product_image_mobile { display: block; } .product-image > .overlay { display: none; } .category-description { padding: 2rem 0.5rem 2rem 0.5rem; } .about_us_info { margin: 0 0; padding: 3rem 0 2rem 0; } .cms-about #home_section2 { margin-bottom: 8rem; } .contact_us_info { text-align: left; } .contact_us_container .chexagon { margin-top: 90px; } .contact_us_info { padding: 3rem; } .compound_icon8 { right: 0; bottom: -35px; width: 90px; } #home_section1 .wrapper, #markets .wrap { padding: 3rem 2rem 4rem 2rem; } #home_section1 { margin: 1rem 0; } .footer__copyrights div li { margin-right: 0; display: block; text-align: left; padding: 2px; } .category-products #products-grid li { padding: 0; } .product_list { margin: 0 1rem; } .product_title { padding: 1rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .product_list img[src*=".svg"] { width: 100%; } .product_list { display: block; } .list-item { display: block; float: left; width: 25%; text-align: center; } .list-item.featured_product_icon { display: none; } .mob_product_icon { display: block; margin: 0 auto; height: 60px; } .list-content a { height: 100px; } .custom_synth { height: 65px; margin-top: -5px; } button, a.button { height: 70px; } }