@import 'reset.css'; @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('../fonts/Inter-Regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('../fonts/Inter-Medium.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('../fonts/Inter-SemiBold.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: url('../fonts/Exo-2-Regular.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Exo 2'; font-style: normal; font-weight: 500; src: url('../fonts/Exo-2-Medium.woff2') format('woff2'); } @font-face { font-display: swap; font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: url('../fonts/Exo-2-Bold.woff2') format('woff2'); } html { margin: 0; padding: 0;} body { background: url(../image/gray_jean.png); color: #000000; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0 0; /* overflow-x: hidden; */ } body, td, th, input, textarea, select, a { font-size: 13px; } h1, .welcome { color: #636E75; font-family: Verdana, serif; font-size: 32px; font-weight: normal; text-shadow: 0 0 1px rgba(0, 0, 0, .01); margin: 0 10px 20px 0; } table.table, table.table tr, table.table tr td{ border: 2px solid #eee;} table.table tr td{ padding: 5px;} /* Start tooltip-info */ .tooltip-info { position: relative; display: inline-flex; vertical-align: middle; cursor: pointer; color: #1EA3D2; } .tooltip-info:hover { color: #1195C3; } .tooltip-info:after { content: attr(data-tooltip); visibility: hidden; position: absolute; width: max-content; max-width: 200px; background-color: #1ea3d2; color: #ffffff; text-align: left; padding: 10px; border-radius: 6px; z-index: 1; opacity: 0; transform: translateY(-50%); top: 50%; left: 30px; font-family: 'Inter', Arial, sans-serif; font-size: 12px; line-height: 1.5; cursor: default; } .tooltip-info:hover:after, .tooltip-info:hover:before { opacity: 1; visibility: visible; } .tooltip-info:before { content: ''; visibility: hidden; position: absolute; width: 12px; height: 12px; left: 20px; top: 50%; transform: translate(50%, -50%) rotate(-45deg); background-color: #1ea3d2; border-radius: 2px; z-index: 1; opacity: 0; cursor: default; } /* End tooltip-info */ .d-none { display: none; } .clear { clear: both;} .welcome { font-size: 25px; overflow: hidden; float: left; width: 100%; } .welcome-wrap { margin-bottom: 20px; margin-right: 10px; margin-left: 10px; } h2 { color: #000000; font-size: 18px; margin-top: 0px; margin-bottom: 15px; } h3 { color: #000000; font-size: 15px; margin-top: 0px; margin-bottom: 5px; } p { margin-top: 0px; margin-bottom: 20px;} a, a:visited, a b { color: #3594BD; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline;} a img { border: none; margin: 5px; } form { padding: 0; margin: 0; display: inline; } input[type='text'], input[type='password'], textarea { background: #fff; border: 1px solid #CCCCCC; padding: 3px; margin-left: 0px; margin-right: 0px; } select { background: #fff; border: 1px solid #ccc; padding: 3px; } label { cursor: pointer; } /* layout */ .container_12 { background: #fff; border: 1px solid #eee; border-radius:5px 5px 0 0; } .wrap { overflow: hidden; } #content { min-height: 400px; margin-bottom: 25px; margin-right: 10px; margin-left: 10px; } #column-left, #column-left-mobile {float: left;} #column-right {float: right;} /* header */ header { margin-bottom: 7px; padding-bottom: 4px; position: relative; padding-top: 10px; } .timer { float: left; margin: 15px 0; color: #000; } header #welcome { margin: 15px 0; z-index: 5; text-align: right; color: #000; } #welcome a { color: #000; } /*SOCIAL LINK FIXED RIGHT*/ #social_link { position: fixed; top:145px; right: 0; z-index: 502; height: 50px;} #social_link:hover{} #social_link .social_wrap a.vk, #social_link .social_wrap a.fb, #social_link .social_wrap a.gp, #social_link .social_wrap a.tw, #social_link .social_wrap a.inst, #social_link .social_wrap a.ok, #social_link .social_wrap a.rawblog, #social_link .social_wrap a.tiktok, #social_link .social_wrap a.yt { background-position: center; background-repeat: no-repeat;} #social_link .social_wrap a.vk{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAA51BMVEVMdaP///9MdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaNMdaMSrY9cAAAATHRSTlMAAAECAwUGBw4QERcZGycvMDM2QkNNTk9RZWpsdHd7f4CBg4aIi4yNkJqip6iqr7Gys7m7vsTIy87Q0tPU1t/g4ejs7e719vf4+vz+wzTMQQAAAPxJREFUeAGNlEdTwzAQRj9RMAq9GEIghdADphDAphNTHMz+/98Dq4HBh2hX7/Rm/A6SNbv4wbazgkZSZG1rjAEQ5ySQr3EUlyRSxgY2J4W8hhaptJDqUYpCj95B/+z+cXj8SFVQ9QqLVwERxs8DIsyV/mg/OenOOLvzR/zp0tmNHA2cDeTogmVFOPhR/7RrAUzf6rdbuic9mlhNtYiJeuKZkp1ZtqkX8Xb0FLHuyREts24o0Tzrphz1nB54o0az2VhwNvms/wJskxqNbX1pUbR+7XmW5Jez/sMnVQkZqY+w4Qwa81rIwghaPUD9TWpe64Yj2E42HF0Msw6vw2+OWCS0RfohFAAAAABJRU5ErkJggg==);} #social_link .social_wrap a.fb{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAh1BMVEU7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZk7WZlk/znMAAAALHRSTlMAAgQHCREVHSIjJzE0NUNLTlBiaW9zd36BgoeIlJWXpLnS09/l5+ju9fb5+1yVSsYAAACTSURBVHgB7dC5EoIwFIXh4wLuAsYFF3ExAZW8//OZO1bOkNzb6FjwV6f4qoPEWCaTgAxTCSvo6+hxnA+ieDg9BNBlhHfKj24xeJSBR7ojQCdQs7wo9mcv2pKZ1OELloTWzE+K0O4X6F65FoQ2FVU3IYXPrgLUfQrQ2ApQ1ohWkasHV59WLr+gRX+KDI9KpJpDOn0B9zS2qwzU1dcAAAAASUVORK5CYII=);} #social_link .social_wrap a.gp{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAQlBMVEXbQjr////bQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjrbQjqIed5KAAAAFXRSTlMAABEiM0RJSlVmd4iZqrvM3eTm5+5r+JKPAAAAzElEQVR42t2TyxaDIAxEI0rVhkaq8P+/WmJ8cIoat+2s5HDNQDLAY4yKxgcwo1EQb+gfIE9E4RLyzxpYjTuHEDbVwwnUQ6Y6FNDONIh98jTHldyMyB6KWwEFk5ju6F6ESDMkhUzJyHVwgTrgbwXiBvnIcrhKvCyAZUdIXJL8aWEVba2rKrwN7XY7NHzb8cHziXFHioO7fBSytAUkzdwCwytXNDNiNhYyUvdiwEuoXodR6SCX00Nn3EV8jSQOg/oQ/O+84FFnJmgnjXm3H6aoVaGgNSUbAAAAAElFTkSuQmCC);} #social_link .social_wrap a.tw{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABTVBMVEVQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/FQq/Fd/1X+AAAAbnRSTlMAAgMEBQYKCwwNDg8REhQVFhcYGRomJykqLjA0NTc4Ojs+P0JERkdJSkxPU1ZXWFpbXF5gYWJkZmxucHR1eYOFjI6Tl5ucn6ChoqOkpaaorLCxtba7vcTFx8jK0tbX2Nze5Obn7u/w9Pb3+fz9/sYiYXQAAAEhSURBVHgBzdPHU+pwFMXx+8JTVOwFRLEoKti72IvYO3bsJoJRkvv/L3UyzM9jcmfiku/6szyHEjr7pCdINC5F/IdKAFk7PaHy9nWTmbPvCt0fosn3klPrbbqvnxVaKssASpCq7uVToTgFtpS5IFVwZWYTENFUrojGCRq1FZql72rTHw4Kg0kVWKEMOTUu3xWYWwDl+QdZXVSsonuyGZAF6PwxTFJVDCiu1YuoDdEqyU0jMipltI+Ij/9J5v8bIuazJgGN8G90tdvhRdcudELeBtmF7CGPCT67EZsTbrQtLfNmPopmgSXERzVg5mwB5fZiQAJrjkF0OTYQ0QiKZoW3PKVCQGIHlnwp83Sxs0HTqiPDGw8ld3MZ6f7GoKThZ16TX8s9ep163y3yAAAAAElFTkSuQmCC);} #social_link .social_wrap a.inst{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAQlBMVEVRf6T///9Rf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6RRf6QxpngVAAAAFXRSTlMAABEiM0RJSlVmd4iZqrvM3eTm5+5r+JKPAAAA4UlEQVR4Ab3OwZaDIAyF4VuEVg2iY7nv/6qDSkfnEGHXf5EFfOckeK5stD5RNVmBbLejZeig5/wHzQb3jRn1qPRYDgQtJymXkFRQZCo2EPe+gNo3daOfxAGwkrIqksitYJFTkGcu2lvk+FdQkOxz4pnNj//QDICXBOgLFErkVLTwbNBQnp+i0W5iD5h43Ya5RB6AjRfTsUR0AIxsbHJIBQ3FDlvGYk+oIS75OxsdMYrJxAXqaGd+dK6XmVRRWYF6qk0n6lDp4Q8kqGTigThUzMyMGOQmH5nCymZvvN5s9PP6BbvVNx8j+zL+AAAAAElFTkSuQmCC);} #social_link .social_wrap a.yt {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAP1BMVEXbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijbKijuVTatAAAAFHRSTlMAESIzRElKVWZ3iJmqu8zd5Obn7lkFYDwAAAD4SURBVHgBrdTBcusgDIXhgyExyEi6Cef9n/WWppMOiW0mM/0XsNC30Eq43DjpdkE3MwVy3oeoiVLFzxGXlWvgBJXAkGfIsKG2NRZaYin7iMsSWEJBVTClA1SQ+xDSUTxAFdsvwgFS6B+iHFtHtpwhBUIzhEPUtJHeH22mu8j1OxGp2rN3JAFvpTaiir3SiNaoXwl6Ik/lA1qiOn+Q6hPpgAAIgVcke4hJCK3uIShtOUO+MhVm386QPn7ROSLnyFKKE5TFIHKAij0Wl8LVK7YBxQdy3wg1azEoPUIHlLFbG5CFPVM4IFpOLy6m7bOrcpubO673mfl3/Q/xh0k0yjgZKwAAAABJRU5ErkJggg==);} #social_link .social_wrap a.ok {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAc1eAAHNXgG4cpNaAAAAB3RJTUUH4QkGEAUqg13ByQAABGZJREFUWMPF2GuIVVUUB/DfuXfuzPi4mo9MzdRS0/IBmhWZD4qCJAusvvSi7EVUVhQVFUlEFARRYZRWRPmljDL6FBWmFD4iM7UkNctXppbjPJxxXvfe04d9p9sdxrw3ZmzDgbPXXmfv/17rv9ZeZ0cQL5HEXDyK6ejl5LRj+BaLsSK6WxzlwTyDJ/x/LcbLeKwib5n/EwxEuAs7K/Ju+m8tWUVFL6JUfp/tZFrItvyX2frg+oo8Z8ozbjJFejRnzmfkXPqNCWMNv7D3U379iKN7iDPlgpoexUvEZYMZewMXPkfv4V3rtRzm63vY/Qm5trIQJcr29ITbmbn4+GCgejCXf8BZ1ypju2UCymLoxUxaSCrt75XaGqjfQd12Ms3F38xeSnpkDwFK4IwrGHBuwVyN+9jyIqtuYfWtbH6B5j8K36TSTF5IrnRAFSVp5dB/JIOmFMs3Pc8Pr4fxCHvXB/nUx0lUhvfR81nzSDdbKEbVIKqHFGQNv3DomzBWgSQqsf3tEPodLT26LKYmuj3fdiZxHJdF7ETJ0dVSQ8s/+NFvDEMvCjNk8qTPYPwCktUFvcbdPcChBBr3UrOFUVcX5FMepvIUDnwV+kNnMvEekpUFnV0fhw2VmllKToxZDJ/BnLcYcE7eNxHtjTTuCf3+ZxfIDG31fDiVo7t6gENJHFrLj6+E3NOx7VRfBkxkwKRiMLBmIQ27ejBTx9j+Lmvv5+ju4+s17mPlTex8ryx3leeyjnyUQ2UFp0wIifL0S+k7Oix8dA/7v2DfF9RuJZML8kR3A4oRRQyaHFx0aD1tOaqrqBoYyhDIttJ6hJbW4OIRl5A5xoFvQr9boqzjhJ90H9OeCrLDG/npjVBm1B0o1q1OMP46Jj8QSB7n2P4m6xaVBOrEFsph8CRmvcbQWfmFc2SaaK0PB2vTb4HkfUcEEKk0lekC8dvqeGcwcbab8lC2LTx/byMRFk2l6TM8AOyQR10QJs6SzZbEpURJGnU7Qrg37evCxgkSFeHpCkxrXYi4qLujLEbv0zjnDibeS+9h/67fWstPS9n0QnjvkbBXSNAmP8i0J0N12Lmtupmd75PNlJ2Hyj/tYwyeyrgbugYD5y0K3IrKnr1MQDkMmcasJZx6fieU/2j9xjHvS9KjehBQnAcz81WGXFA8dmQrzQc7gRrDvJX0O7MHAOUw8FxmvMRpFxWP1W7l82v49Krw3hnUlZ9RPagHAI24jGGzO1lmCytvpPZnft/A6gVdgBoXirZcdwKK0N5ULKvZxKrb+HNzmCUVsf/bPKgfi3Uzx0qvcp6e51GkTqjZ3hD+41N9Ofwd6x7i4Ibi8ymJ+t+p2UD/saF4O7iWjc+SK+l//1gUL7Eac0qqGFOV4cevaT+tzcc/LLOo6hWirGZbsHBpKWBNIn9ZdOLkmMyfabU7aW/+95M7KejUbAvuLA1ME5YlsCJ/WdRUEpdKXaC8wqwpj2F5lL/SS+FOXJ+/nqk+iVd632MZlkd3q/8Lvrxnj39QmvMAAAAASUVORK5CYII=');} #social_link .social_wrap a.rawblog {background-image: url('data:image/jpeg;base64,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');} #social_link .social_wrap a.tlg {background-image: url('data:image/png;base64,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');} #social_link .social_wrap a.tiktok {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAA0GVYSWZJSSoACAAAAAoAAAEEAAEAAAAkAAAAAQEEAAEAAAAkAAAAAgEDAAMAAACGAAAAEgEDAAEAAAABAAAAGgEFAAEAAACMAAAAGwEFAAEAAACUAAAAKAEDAAEAAAADAAAAMQECAA0AAACcAAAAMgECABQAAACqAAAAaYcEAAEAAAC+AAAAAAAAAAgACAAIADcCAAAUAAAANwIAABQAAABHSU1QIDIuMTAuMzgAADIwMjQ6MDU6MTUgMTE6MTg6MDQAAQABoAMAAQAAAAEAAAAAAAAAtoprTAAAAYRpQ0NQSUNDIHByb2ZpbGUAAHicfZE9SMNQFIVPU0tFKkXsIOKQobpoFxVxrFUoQoVSK7TqYPLSP2jSkKS4OAquBQd/FqsOLs66OrgKguAPiLODk6KLlHhfUmgR44PL+zjvncN99wFCs8pUsycOqJplZJIJMZdfFYOvCCBMNYBxiZn6XDqdguf6uoeP73cxnuV978/VrxRMBvhE4jjTDYt4g3hm09I57xNHWFlSiM+JJwxqkPiR67LLb5xLDgs8M2JkM/PEEWKx1MVyF7OyoRJPE0cVVaN8IeeywnmLs1qts3af/IWhgrayzHWqESSxiCWkIUJGHRVUYSFGu0aKiQydJzz8w44/TS6ZXBUwciygBhWS4wf/g9+zNYtTk25SKAEEXmz7YxQI7gKthm1/H9t26wTwPwNXWsdfawKzn6Q3Olr0CAhvAxfXHU3eAy53gKEnXTIkR/JTCcUi8H5G35QHBm+BvjV3bu1znD4AWZpV6gY4OATGSpS97vHu3u65/XunPb8fceRypiMo5m4AAA14aVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOmQ4Y2U0MmEzLTAyYWQtNDM1ZC05ZWY5LTk5NmJmZWM4NmVjYyIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozYTUzNGJhMS1mMzFiLTRhYmQtODg2MS1kMzlhYzU3OGJmMDUiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NDAwZTkxNy0wNzA2LTQ0YTYtYWI4MC1mMDk4NDgzY2NkNDYiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJMaW51eCIKICAgR0lNUDpUaW1lU3RhbXA9IjE3MTU3NTAyODU0ODMyNDYiCiAgIEdJTVA6VmVyc2lvbj0iMi4xMC4zOCIKICAgdGlmZjpPcmllbnRhdGlvbj0iMSIKICAgeG1wOkNyZWF0b3JUb29sPSJHSU1QIDIuMTAiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQ6MDU6MTVUMTE6MTg6MDQrMDY6MDAiCiAgIHhtcDpNb2RpZnlEYXRlPSIyMDI0OjA1OjE1VDExOjE4OjA0KzA2OjAwIj4KICAgPHhtcE1NOkhpc3Rvcnk+CiAgICA8cmRmOlNlcT4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTU0ZjRjYWYtNzE3Mi00ZjRkLWI0YjEtMTk1YWFlOWI4N2MyIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKExpbnV4KSIKICAgICAgc3RFdnQ6d2hlbj0iMjAyNC0wNS0xNVQxMToxODowNSswNjowMCIvPgogICAgPC9yZGY6U2VxPgogICA8L3htcE1NOkhpc3Rvcnk+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz6DW+GCAAAABmJLR0QA8gD2APdZJ9CfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6AUPBRIFqBXq3gAABB9JREFUWMPtmF1Mm1UYx//vRz9pV7EtBZUU+kE3aOTDqWMGuy3zYmZGiUOHYOLNooYY4rK44I0ao7iNxS16scS4xcmMxuB2sRijETfjZC7KEBVYJtpM2AdDoPSl9Os9jxeiBfqxlhXshU/y3pzznJNfnvM8z/s/hwNAyCHjkWOWc0BitjYyvPYK9J77F4xJ3/Zg6oUX/xsgVWkpNFWVeFlU/TvGIoSApQpPX+tbeSAA4AA8odLGgFzlkE2OjICWNYf4IgvE7XVo0VtzKKl3NOLRyqrcAeIsZtS+dwA7NmzOnbJX20rQfvxjNB5+B3zNjaNF2fgKPjhKZdIEpTK/LNMRaYocw4NkePWlhPusaGPU8TyeyjOg1+rEKbMVR4vWLm/Zp2t6QUClUotVOnN2coh32KHY6AFnMqXOha/OAL39AEv//512hPS7d8Gw9UGonA7wOh0AIHC+D6N1m5IvkmYw3dKBQY8d9zxeD25NGVBgAjhu6UCipw5Fe16H2l0BANjOC9gsKmHlRWg1+WCuh3Dvxc8wm2S9DMK6Q/vReqwLTSYbKoxmaNavAbxXMwdS1j+M2w90QDQasYXj0arUwiYq5p2dAFKooQCfFOgfO+j34qDfC52XwzMXS+FSGxBkcvpAnMOO2/a9AdFoRAsv4lm1DsoUoU7XJCJ0+H4DfBkemWVvOxSFFjRzPFrUOojzYQKzgDQDhMIro4f4u6qh89ShEMBzqrwYjF8CdXYBhz6NrxxuGYFuebIZnEqF53kF8oU5l3AY1LYXOD2E0XAAn0xewknfCO5Q5OEaRaBZzgipy1cDAGoVMbGFsz8Ap4dwITiNB4a/xAhF50AnASBrQAkbI6/Xw06EwnkVRX0DiBKh7Y/eGMxKivx1wqLg8TxGwwGcCF1PvJFGGz/IKDtAss8Xn6M1boRITq6pXU7kL141PgFGdPNAwV8GMMbYwiK6uxqFj9wHbYJyuvWtN6EsLka9ICyc+LoXIWIZRylOk3AOO7nGRikgywsFTWCWOg8fIa60hACQsL6WLF0fkcN3ncqkCfo1Eor5DnuJuRuop2RjptoqieD6sJO+DwbiRFaEiI5JPrJfuUTO6XFyShO0ZWaSzs+HISLW/jYxdwPtM1ZkB4gzm2nn4E8kE0uo/iaZTD9GQjQUDVOQLfI5c46Yu4Euu7YSl7n6TD4pbtpA3d7fKSPrHyC2tpEiFduozeBYihxO7WCqrqL+nrNEjKUGCYeJnfyC2J2PUdS9jd611CxVn9/YqZgTqbt1N8nffEdsbDwGF4kSjVwh9vkpYk07ibkbyF9eT/tN7iVfFrhM3od2rbKh2WTDaq0BSkH4u/HNrfbJYZyT/sSeqz+jOzJ1U9fxjNtpESegSW9FgUKNMDFcCE7j/cDlrL0P/P+Clsr+ArAV3MVZzCu1AAAAAElFTkSuQmCC');} #social_link .social_wrap a:first-child{margin-top: 5px;} #social_link .social_wrap a{position: relative; background-color: #f9f9f9; line-height:50px; text-align: center; border-radius:2px 0 0 2px; display: block; width: 50px; height: 50px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom: 5px;} #social_link .btn_social{ display: block; width: 50px; height: 50px; border-top:1px solid #1794c0; border-left:1px solid #1794c0; border-bottom: 1px solid #1794c0; border-radius: 2px 0 0 2px; background-color: #1ea3d2; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAABqlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8LmKHRAAAAjXRSTlMAAQIDBAUGBwgLDQ4UFRYXGRobHB0gIiMlJigrLS4yNjc5Ozw9QkZJSk1OT1FTVldYWl1gYmdqbW9yc3d6e36BhImKi4yNjpCSk5iZm52eoqOnqKuur7CxsrS2t7i6wsPExcfIycrOz9HS09TV1tfY2drb3uHi4+Tl5ufo6+3u8PHy8/T19vj5+vv8/f6sVSO0AAABRElEQVR42m3RWTtCURiG4S+EEAohypwocxIyy5R5ipDMQyVEyZxU2nr/s207sS33yXvwXNd3sBb9o/cusVJIrOyJJyC5W8YWC96nBjxYY0KOG31E6lCEKfIrTs2PC0xpeISZqCQUJbEKewx4GzWfYFM4rTcZ5cRTjb0As4vgXWiIqN0HINAjId0D4KwniWFm2aLkgwnwO0+BIYkqvN/867I2AFsRya1crIY0ufTLFnak37uEcRLjYBW2A9tScXnFsLDdWM8Ql+kPn4If2T76SSz/AC5dQZ0DwdK0Lq0oVd0AkRSejVSL2IhKeDvlz2G1/Tp6s1BNpHUA94N5ismzwKqeBIryYmGlejfgvQQ4xFtJLL3zCDg3aOdwTH+VBlONRJneJPtzfq6Snz0wJWsD81nUEgkToykOjzsBG7HaDj9xa5N9AWmDVcrZS1IFAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-box-shadow: 0 3px 2px 1px rgba(0,0,0, .2); box-shadow: 0 3px 2px 1px rgba(0,0,0, .2); } #social_link .btn_social.active{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAABL1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TyruBAAAAZHRSTlMAAQIEBQYHCQsSFhohJicoKSssLzA1Nzk6PEpMTVFSU1RVVldZWl1eYGJmZ2lqa21ub3Bydnp/hYaJioyNkZKUoqOkp6itt7/BxtLT1tfY2d/h4+Tl5ufp7u/x8vP09ff5+v3+IUJ9hgAAAQ9JREFUeAFVzvdeGkEcRfETEhJSQnpICAlBUSwKFkXEolhQsXcFFhTu+z+D7szusvv993zuzA8gWSDq/TrG2/pFmrA3tfsywLt96S7DQGJXUgW+1fWs/Q9ffFuuMtWuXK3//mJHxh4UZTSzdrElo/EBmO3J1ckDr2syDj/iKtnk5IlvyjhKYs3I6BY2QsGafFDI8RcGpnsKnHwmbCJYnX4larwv4/oTUSx7pTVGxMs1+XpFwlY08DhFIFaVcePImMPnhfPvuY5cfT9VZFz+gNGu/Wse4MWSF34CDDkyFuDVoj33ygQYCR4sOfbzX3iGbTojUTGLFIFsU1IzDbFV6fY3Ibm2nL/2tkaKiMzBH3gCeKdyeR3v3zYAAAAASUVORK5CYII=); opacity: .9;} #social_link .social_wrap{ float: right; display: none;} #social_link .social_wrap a:hover{border-color: #1794c0; background-color: #fff;} #social_link .btn_social:hover{ background-color: #1794c0; opacity: 1;} #social_link .btn_social:hover, #social_link .social_wrap a{ -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .social_tooltip{ border:1px solid #eee; position: absolute; padding: 0 10px; top:0; right: 65px; background: #fff; width: 100px; color:#555; font-size: 1.1em; border-radius:4px;} .social_tooltip:after,.social_tooltip:before{content: ''; position: absolute; top:50%; margin-top: -10px; border:10px solid;} .social_tooltip:after{ right:-20px; border-color: transparent transparent transparent #eee;} .social_tooltip:before{ right:-19px; border-color: transparent transparent transparent #fff; z-index:2;} /* Strip --------------------------------------------------*/ .strip { line-height: 40px; background: #1ea3d2; border-bottom: 1px solid #297394; position: relative; min-height: 40px; height: auto; margin-bottom: 20px; width: 1220px; margin-left: -10px; border-radius:4px ; } .strip:before{ content: ""; border:4px solid; border-color: #297394 #297394 transparent transparent; position: absolute; bottom: -8px; left:1px; } .strip:after{ content: ""; border:4px solid; border-color:#297394 transparent transparent #297394 ; position: absolute; bottom: -8px; right:1px; } .strip .boxLeft{margin-left: 15px;} .strip .boxRight {margin-right: 15px;} .strip .boxRight ul li,.strip .boxLeft ul li{ display:inline-block; margin-left: 0px; margin-right: 0; margin-top:1px;} .strip .boxRight ul {text-align: right;} .strip .boxLeft ul li a, .strip .boxRight ul li a, .boxLeft .geoip-block .geoip-text .zone{ color:rgba(255,255,255,.9); font-size: 13px; background-color: rgba(0,0,0,.09); border-radius:4px; border:1px solid rgba(0,0,0,.05); text-align: center; padding:3px 10px; text-decoration: none; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; } .strip .boxLeft ul li a:hover, .strip .boxRight ul li a:hover, .boxLeft .geoip-block .geoip-text .zone:hover{ background-color: rgba(0,0,0,.2); color: #fff;} .strip .boxRight .fa{font-size:14px; margin-right:2px;} .strip .sum{ background-color: rgba(0,0,0,.2); padding: 0px 5px; font-size: 10px; border-radius:2px; text-align: center; margin-top: -2px; } .strip .boxLeft #geoip, .strip .boxLeft .geoip-block .content{margin-right: 0 !important; float: none;} .strip .boxLeft .geoip-block .geoip-text{ font-size:13px; color: #fff;} /* currency ---------------------------------------------------*/ #currency { width: 50px; color: rgba(255,255,255,.9); text-transform: uppercase; line-height:21px; background-color: rgba(0,0,0,.09); border-radius:4px; border:1px solid rgba(0,0,0,.05); text-align: center; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; position: relative; padding-right: 10px; font-size: 13px; z-index:999; } #currency .blockCurrency{ position: absolute; border:1px solid rgba(0,0,0,.07); width: 100%; background-color: #2A7697; border-radius:0 0 4px 4px; margin-left: -1px; display: none; } #currency .blockCurrency a{ background: none; width: 100%; margin: 0; padding: 5px 0; display: block; border:none; border-radius:0; } #currency .blockCurrency a:hover{color: rgba(0,0,0,.7);} #currency .blockCurrency a+a{border-top:1px solid rgba(0,0,0,.2);} #currency:hover .blockCurrency{display: block;} #currency:hover{ background-color: rgba(0,0,0,.2); color: #fff; border-bottom-left-radius:0; border-bottom-right-radius:0;} #currency span:after{ content: ''; border:5px solid; border-color: rgba(255,255,255,.8) transparent transparent transparent; position: absolute; top: 8px; right: 4px; -webkit-transition: ease .2s; -o-transition: ease .2s; transition: ease .2s; } #currency:hover span:after{ border-color: transparent transparent #fff transparent; top: 3px;} /* logo---------------------------------------------------*/ header #logo { text-align: center;} header #logo img{margin-top: 12px;} header .box-content{margin: 0 !important;} /*----------------------- header-phones ------------------*/ header .phone{ border:1px solid #1794c0; font-size: 14px; position: relative; padding: 10px; border-radius:4px; color: #333; } header .header-phones .box{margin-bottom: 0 !important;} header .header-phones .box .box-content{padding-top: 0 !important;} header .phone > .titlePhone{ position: absolute; top: -10px; background-color: #fff; color: #1794c0; } header .phone > .tm{ font-size:12px; color: #1ea3d2; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin:5px 0; padding:5px 0; text-align: left; } header .phone ul{ margin-bottom:5px;} header .mail a{ font-size: 14px; color:#333;} header .phone .fa{ color:#3492BB;} /*----------------------- header links ---------------------*/ header .headerLine{ position: absolute; right: -10px; bottom:40px; background: #1ea3d2; padding: 10px 30px 10px 10px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; margin: 4px 0px 0px 4px; } header .headerLine:after{ content: ""; border: 5px solid; border-color: transparent transparent #297394 #297394; position: absolute; right: 0px; top: -10px; z-index: -1; } header .headerLine:before{ content: ""; border: 5px solid; border-color: #297394 transparent transparent #297394; position: absolute; right: 0px; bottom: -10px; z-index: -1; } header .headerLine a{ font-size: 14px; color: rgba(255,255,255, .9); text-decoration: none;} header .headerLine div > .fa{ width:20px; height: 20px; font-size:12px; margin: 2px; line-height:20px; text-align: center; border-radius:2px; background: rgba(0,0,0,.2); color:rgba(255,255,255,1); -webkit-transition: ease .2s; -o-transition: ease .2s; transition: ease .2s; } header .headerLine div:hover .fa{ color:rgba(255,255,255,.5);} header .headerLine .boxAvd{ position: absolute; left: -600px; background-color: #fff; padding: 10px 10px 0 10px; border: 2px solid #3390B8; border-radius: 4px 0 4px 4px; display: none; z-index:999; } header .headerLine div:hover .boxAvd{display: block;} header .headerLine .boxAvd .blockContent{padding:5px;} header .headerLine .boxAvd h4, header .headerLine .boxAvd .fa{ font-size: 14px; margin-bottom: 5px; color:#3390B8;} .headerLine div:hover .boxAvd .fa{color: #3390B8;} /*---------------------- / header links ---------------------*/ #dostavka-sng { display: inline-block; background: url('/image/data/helicopter.png') no-repeat; width: 198px; height: 92px; } #hlcpt-hint1 { width: 84px; height: 46px; position: absolute; top: 110px; /*left: 720px;*/ right: 316px; background: url('/catalog/view/theme/gazal/image/icons/hlcpt-hint1.png') 0px 0px no-repeat; display: none; } #hlcpt-hint2 { width: 288px; height: 126px; position: absolute; top: 200px; background: url('/catalog/view/theme/gazal/image/icons/hlcpt-hint2.png') 0px 0px no-repeat; display: none; z-index: 5; } /* Top Blocks ---------------------------------------------------*/ .top-blocks li { display: inline-block; margin: 10px 10px 10px 0; overflow: hidden; width: 23%; vertical-align: top; } .top-blocks li img { float: left; vertical-align: middle; margin-right: 10px; } .top-blocks p { font-size: 10px; margin-bottom: 0; } /* language ---------------------------------------------------*/ #language { float: right; width: auto; color: #fff; line-height: 17px; margin: 11px 10px 0 5px; font-size: 10px; text-transform: uppercase; } #language img { cursor: pointer; margin-right: 5px; margin-top: 3px; } /* cart -------------------------------------------------*/ header #cart { display: none; position: relative; float: right; padding-right: 10px; margin-top: 78px; } #cart .title-block-top {text-transform: uppercase} header #cart .heading { float: right; padding-left: 50px; height: 50px; line-height: 18px; background: url(../image/cart-top.png) left top no-repeat; position: relative; z-index: 1; } header #cart .heading a { color: #000; text-decoration: none; } header #cart .content { clear: both; display: none; position: absolute; top: 50px; right: 10px; min-width: 300px; -moz-box-shadow: 0px 1px 7px #ccc; -webkit-box-shadow: 0px 1px 7px #ccc; box-shadow: 0px 1px 7px #ccc; background: #FFF; z-index: 1000; line-height: 18px; padding: 10px; } header #cart.active .content {display: block;} .mini-cart-info .one-product { float: left; clear: both; padding: 12px; border-bottom: 1px dashed #dddddd; width: 91%; position: relative; } .mini-cart-info .image {width: 1px;} .mini-cart-info .image img {padding: 3px; text-align: left; float: left; margin-right: 10px;} .mini-cart-info .name {margin-bottom: 15px;} .mini-cart-info .name small {color: #666;} .mini-cart-info .name a {font-weight: bold;} .mini-cart-info .quantity {text-align: right;} .mini-cart-info td.total {text-align: right;} .mini-cart-info .remove { text-align: right; position: absolute; right: 0; } .mini-cart-info .remove img {cursor: pointer;} .mini-cart-total {text-align: right; margin: 10px 0;} .mini-cart-total table {border-collapse: collapse; display: inline-block; margin-bottom: 5px; color: #787878; line-height: 11px;} .mini-cart-total td { padding: 4px;} header #cart .checkout { text-align: right; float: left; width: 85px; margin-left: 8px; } header #cart .checkout a { display: block; float: left; width: 85px; height: 23px; text-align: center; line-height: 23px; color: #fff; text-decoration: none; margin-top: 5px; } a.ca {background: #7dc50d;} a.ca:hover {background: #6ba60e;} a.ch {background: #ffae00 ;} a.ch:hover {background: #D69E1D;} header #cart .empty {padding: 10px 0; text-align: center;} /*Call Back*/ .callBack .title_call h1{font-weight: bold; color:#3594BD;} .callBack .title_call p{ font-size: 14px; color: #333;} .callBack .title, .callBack .color_entry_name{ font-size: 14px; margin-left:0; padding-left: 0; text-align: left; color: #333; margin-left:-5px; } .callBack input[type="text"], .callBack textarea, .callBack .borderleft3pxred{ border:1px solid #3594BD !important; width:100%; line-height:25px; border-radius:4px; margin:5px 0 5px -5px; font-size: 14px; } .callBack input[type="text"]{ height:25px;} .callBack textarea{height:70px;} .callBack {text-align: center;} .callBack .button-comment{ background-color: #3594BD; color: #fff; border-radius:2px; border-bottom:2px solid #297394; } .callBack .button-comment:hover{background-color: #297394; border-bottom:2px solid #3594BD;} .callBack .buttons{border:none; padding: 0; margin: 0;} /* Categories drop on search bar */ .dropdown dd, .dropdown dt, .dropdown ul { padding:0px; float: right; height: 39px; margin-right: 2px; position: relative; background: #7dc50d; } .dropdown dd { position:relative; } .dropdown a, .dropdown a:visited { color:#fff; text-decoration:none; outline:none;} .dropdown a:hover { color:#fff;} .dropdown dt a:hover { color:#fff;} .dropdown dt a { background: url(../image/arrow-down-white.png) no-repeat scroll 90% center; display:block; padding: 0 30px 0 10px; } .dropdown dt a span {cursor:pointer; display:block;} .dropdown dd ul { background:#6AA50D none repeat scroll 0 0; color:#fff; display:none; left:2px; padding:5px 0px; position:absolute; top:39px; width:auto; min-width:137px; list-style:none; line-height: 20px; } .dropdown span.value { display:none;} .dropdown dd ul li a { padding: 2px 10px; display:block; background-color:#6AA50D; } .dropdown dd ul li + li { border-top: 1px solid #fff;} .dropdown dd ul li a:hover { background-color:#6AA50D; color: #000;} .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; } .flagvisibility { display:none;} /*mine menu*/ .icon_menu{ height: 25px; filter: grayscale(100%); margin-right: 10px; } #menu .main_cat a{ color: #828383; font-weight: bold; font-size: 14px!important; line-height: 1.6!important; justify-content: center; align-self: center; } #menu .sub_cat a{ color: #828383; } .main_cat { margin-bottom: 13px; display: flex; align-items: center; } .main_cat li{ justify-content: center; align-self: center; } .sub_cat { margin-top: -15px; margin-bottom: 20px; } .sub_cat li{ margin-left: 37px; line-height: 1.5; } .sub_sub_cat li{ margin-left: 47px; line-height: 1.5; } .sub_sub_cat a{ font-size: 10pt!important; color: #4b4b4b!important; } .cat_menu { -moz-column-count: 5; /* Для Firefox */ -webkit-column-count: 5; /* Для Safari и Chrome */ column-count: 5; text-align: left; padding-left: 30px; padding-bottom: 20px; padding-right: 20px; padding-top: 20px; } .cat_menu li{ break-inside: avoid; } .main_cat i{ margin-right:12px; } .main_cat:hover a{ color:#00a4e2!important; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; transition: all 0.3s ease; } .main_cat:hover .icon_menu{ -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; transition: all 0.3s ease; filter: grayscale(0%); } .sub_cat a:hover{ color: #00a4e2!important; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; transition: all 0.3s ease; } /* MENU */ .bg_menu{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 1; box-shadow: inset 0 0 80px 50px rgba(0,0,0,.1); background: rgba(0,0,0, .2);} /*TOP LINE MENU*/ #menu{ height: 45px; background: #1ea3d2; padding:0; margin: 10px 0 20px 0; border-top:2px solid #1ea3d2; border-bottom:2px solid #1ea3d2; position: relative; font-size: 14px; z-index: 501; } #menu a{font-size: 14px;} #menu > ul > li a, #menu .item .item_name{ display: block; width: 100%; height: 100%; color: #F8F8F8; cursor: pointer; } #menu .item_name:first-child { overflow: hidden; } #menu > ul > li{ display: block; color:#F8F8F8; height:45px; line-height: 45px; float: left; border-right:1px solid #3087AC; text-align: center; padding: 0 18px; } #menu > ul > li:hover{ background: #328CB3; color:rgba(255,255,255,.8); -webkit-box-shadow: inset 0 0 2px 3px rgba(0,0,0, .02); box-shadow: inset 0 0 2px 3px rgba(0,0,0, .02); } #menu > ul > li:hover a{ text-decoration: none; } /* //TOP LINE MENU*/ #menu div, #menu a, #menu ul li{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #menu .item:hover .catecory_wrap{ display:block; border-top: none; } /*WRAPER MENU*/ #menu .catecory_wrap{ width: 100%; color:#333; background: #f7f7f7; border:2px solid #3594BD; position: absolute; height: auto; padding-bottom: 10px; top: 45px; left: 0; border-radius: 0 0 4px 4px; padding: 0; overflow: hidden; -webkit-box-shadow: 0px 5px 4px -2px rgba(0,0,0, .2); box-shadow: 0px 5px 4px -2px rgba(0,0,0, .2); display:none; } /*// WRAPER MENU*/ #menu .main_category { width: 25%; text-align: left; background: #fff; border-right:1px solid #ddd; -webkit-box-shadow: 3px 2px 7px -4px rgba(0,0,0,.2); box-shadow: 3px 2px 7px -4px rgba(0,0,0,.2); height: 500px; position: relative; float: left; padding: 20px 0; } #menu .main_category:after{ content: ''; width: 100%; height: 20px; position: absolute; left: 0; bottom: 0; z-index: 2; } #menu .main_category ul li .fa{float: right; line-height: 40px; font-size: 1.2em; color:#eee;} #menu .main_category .scroll_bar{overflow-y: auto; height: 100%;} #menu .main_category ul > li:first-child{border-top: 1px solid rgba(0,0,0,.05) } #menu .main_category ul > li { width: 100%; border-bottom:1px solid rgba(0,0,0,.05); height: 40px; line-height: 40px; padding: 0 10px; position: relative; } #menu .main_category ul > li:hover:after{ content: ''; position: absolute; width: 20%; right: 0; top: -30px; height: 100px; background: transparent; } /* #menu .main_category ul li.on:before{ content: ''; position: absolute; right: -40px; border:20px solid; border-color: transparent transparent transparent #3594BD; } */ #menu .main_category ul li a{ color:#555; width: 100%; height: 100%; display: block; } #menu .main_category ul li.on{ background: #3594BD;} #menu .main_category ul li.on a{ text-decoration: none; color:#f9f9f9;} /*JUNIOR CATEGORY*/ #menu .junior_category{ line-height: 2em; text-align: left; width: 75%; height: 100%; float: left; position: relative; } #menu .junior_category a{ color:#555;} #menu .junior_category .junior_items{ opacity: 0; visibility: hidden; position: absolute; overflow: auto; top: 0px; left: 0px; width: 100%; height: 100%; padding: 1%; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #menu .junior_category .jun_wrap{ border:1px solid #eee; background: #fff; border-radius:4px; padding: 5px 15px; width: 100%; margin: 0 auto 1%; display: table; } /*RECOMMENDATION*/ #menu .junior_category .jun_wrap .recom:before{ content: ''; border:10px solid; border-color: transparent #fff transparent transparent; display: block; position: absolute; left: -20px; top: 10px; } #menu .junior_category .jun_wrap .recom{ display: block; position: absolute; width: 100%; left: 90%; background: rgb(255, 255, 255); z-index: 2; top: 0px; padding: 5px; margin: 0px; border: 1px solid rgb(238, 238, 238); border-radius: 4px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); display: none; } .child_products { font-size:16px; font-weight:bold; } .child_table div { display:table; } .child_table div a { display:table-cell !important; vertical-align: middle; line-height: 14px !important; } #menu .junior_category .jun_wrap .good span{ color:#A4C700; } #menu .junior_category .jun_wrap .badly span{ color:#E43B00; } #menu .junior_category .jun_wrap .recom li{ width: 100%; line-height: 1.2em; margin: 5px 0; padding:5px; border:1px solid #eee;} #menu .junior_category .jun_wrap .good span, #menu .junior_category .jun_wrap .badly span { display: block; height: 26px; margin-bottom: 5px; line-height: 27px; } #menu .junior_category .jun_wrap .recom a{display: inline; color:#333;} #menu .junior_category .jun_wrap .recom a:hover{text-decoration: underline;} #menu .junior_category .jun_wrap ul li:hover .recom{ display: block; } #menu .junior_category .jun_wrap .good span:before, #menu .junior_category .jun_wrap .badly span:before{ content: ''; display: block; width: 26px; height: 26px; float: left; margin-right: 10px; background-position: 50% 50%; } #menu .junior_category .jun_wrap .good span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQTRDNzAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44UzcuMiwyNCw3LjIsMThTMTIsNy4yLDE4LDcuMiBNMTgsNS4yDQoJCUMxMC45LDUuMiw1LjIsMTAuOSw1LjIsMThTMTAuOSwzMC44LDE4LDMwLjhTMzAuOCwyNS4xLDMwLjgsMThTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNSwxNmMwLDAuNi0xLjksMC0zLDBzLTIsMC43LTIsMHMwLjktMiwyLTJTMjUsMTUuNCwyNSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0xMSwxNmMwLDAuNiwxLjksMCwzLDBzMiwwLjcsMiwwcy0wLjktMi0yLTJTMTEsMTUuNCwxMSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNC44LDIwYzAsMy4yLTIuMyw2LjgtNi44LDYuOHMtNi44LTMuNi02LjgtNi44YzAsMCwyLjIsMS4yLDYuOCwxLjJTMjQuOCwyMCwyNC44LDIweiIvPg0KPC9zdmc+DQo=);} #menu .junior_category .jun_wrap .badly span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTQzQjAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44QzEyLDI4LjgsNy4yLDI0LDcuMiwxOFMxMiw3LjIsMTgsNy4yIE0xOCw1LjINCgkJQzEwLjksNS4yLDUuMiwxMC45LDUuMiwxOFMxMC45LDMwLjgsMTgsMzAuOGM3LjEsMCwxMi44LTUuNywxMi44LTEyLjhTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNFNDNCMDAiIGQ9Ik0xOCwyMi41YzIuNywwLDUuMiwwLjksNy4yLDIuM2MtMS42LTIuMy00LjItMy44LTcuMi0zLjhzLTUuNiwxLjUtNy4yLDMuOEMxMi44LDIzLjQsMTUuMywyMi41LDE4LDIyLjV6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIxNCIgY3k9IjE2IiByPSIyIi8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIyMiIgY3k9IjE2IiByPSIyIi8+DQo8L3N2Zz4NCg==);} /*//RECOMMENDATION*/ #menu .junior_category .jun_wrap ul, #menu .junior_category .jun_wrap .jun_image{ display: table-cell; width: 50%; vertical-align: middle;} #menu .junior_category .jun_wrap .jun_image { position: relative; height: 200px;} #menu .junior_category .jun_wrap ul li{ border:#f5f5f5; background: #f9f9f9; margin: 5px 0; width: 100%; padding: 5px 10px; border-radius: 4px; position: relative; border:1px solid #f0f0f0; } #menu .junior_category .jun_wrap ul li a{ display: block; width: 100%; color:#777;} #menu .junior_category .jun_wrap > ul > li:hover{ background: #3594BD; } #menu .junior_category .jun_wrap > ul > li:hover a{ text-decoration: none; color:#f9f9f9;} #menu .junior_category .jun_wrap ul.recom > li:hover a{ text-decoration: underline; color:#333;} #menu .junior_category .jun_wrap ul.recom > li a{ text-decoration: underline; color:#333;} #menu .junior_category .jun_wrap .jun_image img{ position: absolute; right: 0; top: 50%; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #menu .junior_category .jun_wrap .jun_image img.active{ visibility: visible; opacity: 1;} #menu .junior_category .junior_items.active{ opacity: 1; visibility: visible; } #menu .junior_category .arrow{ position: absolute; top: 10px; left: -1px; z-index: 2; border: 20px solid; border-color: transparent transparent transparent #3594BD; } /* //JUNIAR CATEGORY*/ /* MAIN CATEGORY TO JUNIOR */ #menu .jun_main .jun_wrap{display: table;} #menu .jun_main .jun_desc, #menu .jun_main .jun_image{ display: table-cell; vertical-align: middle;} #menu .jun_main .jun_desc{width:75%; text-align: justify;} /*MANUFACTURER*/ #menu .junior_items .manufacturer{ width: 100%; text-align: center; } #menu .junior_items .manufacturer span { color:#555; float: left; display: inline-block;} #menu .junior_items .manufacturer .wrap a:hover{text-decoration: none;} #menu .junior_items .manufacturer img:hover{ -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0, .05); box-shadow: 0 0 3px 3px rgba(0,0,0, .05); } #menu .junior_items .manufacturer img{ border:1px solid #eee; margin: 2.5px; background: #fff; padding: 5px; border-radius: 2px; } /*OWL*/ #menu .junior_items .manufacturer .wrap{ padding: 10px; border:1px solid #eee; background: #fff; border-radius: 4px; } #menu .manufactuter_carusel .owl-controls .owl-buttons{ margin: auto; width: 50px; margin-top: 10px; } #menu .manufactuter_carusel .owl-controls .owl-buttons div{ display: inline-block; border:10px solid; opacity: .5; } #menu .manufactuter_carusel .owl-controls .owl-buttons .owl-prev{ border-color: transparent transparent transparent #999; float: right; } #menu .manufactuter_carusel .owl-controls .owl-buttons .owl-next{ border-color: transparent #999 transparent transparent; float: left; } #menu .manufactuter_carusel .owl-controls .owl-buttons div:hover{ opacity: 1; } /*//OWL*/ #menu .junior_items .manufacturer .go_category{text-align: center; margin-top: 15px;} #menu .junior_items .manufacturer .go_category a{ border:1px solid #3594BD; border-bottom: 3px solid #3087AC; background: #3594BD; width: 100%; display: block; padding: 5px 0; border-radius: 4px; color: #f9f9f9; text-shadow: 0px 1px 5px rgba(0,0,0, .05); -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, .02); box-shadow: inset 0 0 1px 1px rgba(0,0,0, .02); } #menu .junior_items .manufacturer .go_category a:hover{ text-decoration: none; -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, .05); box-shadow: inset 0 0 1px 1px rgba(0,0,0, .05); border-bottom-color: #3594BD; background: #3087AC; } #menu .junior_items .manufacturer .go_category a:focus{ background: #eee; border: none; color:#777; -webkit-box-shadow: inset 0 0 2px 2px #E6E6E6; box-shadow: inset 0 0 2px 2px #E6E6E6; } /*//NEMU NAVIGATION*/ /*HOVER TRANSLITIONS*/ #menu > ul > li, #menu .main_category ul, #menu .manufactuter_carusel .owl-controls .owl-buttons div, #menu .junior_category .jun_wrap .jun_image img{ -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} /*//HOVER TRANSLITIONS*/ /*SCROL BAR*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom;}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto;}.mCustomScrollBox{position:relative;/* overflow:hidden; */height:100%;max-width:100%;outline:none;direction:ltr;}.mCSB_container{/* overflow:hidden; */width:auto;height:auto;}.mCSB_inside > .mCSB_container{margin-right:30px;}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0;}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:0.75;filter:alpha(opacity=75);-ms-filter:alpha(opacity=75);}.mCSB_outside + .mCSB_scrollTools{right:-26px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto;left:0;}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left:-26px;}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;}.mCSB_scrollTools a + .mCSB_draggerContainer{margin:20px 0;}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:rgba(0,0,0,0.4);filter:alpha(opacity=40);-ms-filter:alpha(opacity=40);margin:0 auto;}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:2px;height:100%;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;background-color:rgba(255,255,255,0.75);filter:alpha(opacity=75);-ms-filter:alpha(opacity=75);margin:0 auto;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px;}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out, background-color .2s ease-in-out;transition:opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,/* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;transition:width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);}.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(255,255,255,0.85);filter:alpha(opacity=85);-ms-filter:alpha(opacity=85);}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(255,255,255,0.9);filter:alpha(opacity=90);-ms-filter:alpha(opacity=90);}.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:-5px;margin:12px 0;}.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px;}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px;}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px;}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#DEDEDE;}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#B0B0B0;} /*SEARCH*/ #menu .search{ float: right; padding: 0; width: 5%; background: #1ea3d2; border-right: none; } /* Search------------------------------------------*/ .search { margin-right: 0 !important; cursor: pointer;} .search span{ display: block; width: 100%; height: 100%; } .search .wraper_serach.on{opacity: 1; visibility: visible; z-index: 2;} .wraper_serach { position: absolute; top: 45px; right: 0; background: #f00; width: 500px; border-radius: 0 0 2px 2px; background: #3087AC; opacity: 0; visibility: hidden; } #search{ position: relative;} #search input{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 480px; height: 30px; border:none !important; padding: 5px 20px 5px 5px; color:#555; border-radius: 0px !important;} #search .button-search{ position: absolute; right: 15px; cursor: pointer;} #search .button-search .fa{color:#999;} #search .button-search .fa:hover{color:#3594BD;} #search input, #search .button-search {display: inline-block;} /* Auto fill */ #livesearch_search_results { margin:0; padding:0; position: absolute; top: 0; right:0; max-width:320px; background-color: #fff; list-style-type: none; z-index: 12; border: 2px solid #297394; border-top: none; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } #livesearch_search_results li { padding: 5px; border-right:none;} #livesearch_search_results li + li { border-top: 1px solid #297394;} #livesearch_search_results a, #livesearch_search_results a:visited { text-decoration: none; width: 100%; display: block; color: #fff;} #livesearch_search_results a:hover { color: #fff !important;} #livesearch_search_results li:hover { background-color: rgba(0,0,0,.1); color: #fff !important;} #livesearch_search_results li:hover a { color: #fff !important;} #livesearch_search_results .highlighted { background-color: #ccc; color: #fff !important;} /*manufact item*/ #menu .manufact_item { width: 16%; display: inline-block; vertical-align: top; margin-top: 15px; } #menu .manufact_item li{line-height: 2em;} #menu .manufact_item a{ color:#555; border:1px solid #ddd; margin-bottom: 8px; padding: 5px 0; border-radius: 4px; background: #FBFBFB; } #menu .manufact_item a:hover{ background: #F4F4F4; border-color:#ccc; color:#999; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #menu.pc { display: flex; } #menu.pc > ul { display: flex; flex-wrap: wrap; } #menu.pc > ul.menu_category {} #menu.pc > ul.menu_additional_links { overflow: hidden; } /* Breadcrumb */ .wrap .breadcrumb { margin: 0 10px 20px 10px;} .breadcrumb {color: #999; margin-bottom: 20px;} .breadcrumb a { color: #555; text-decoration: none;} .warning, .attention, .information {padding: 10px 10px 10px 33px;margin: 5px 0 20px 0;color: #555555;} .success { color:#777; padding: 10px; text-align: center; font-size: 1.2em; } .success a{font-size: 1em;} .success a:hover{text-decoration: none;} .image_success img{width: 50px;} .image_success{width: auto;} .descr_success{width: 80%; text-align: justify; padding: 0 5px 0 10px;} .image_success, .descr_success{display:inline-block; vertical-align: middle;} .success a, .warning a { color: #555; text-decoration: underline; font-size:inherit; } .warning { background: #f9f9f9 url('../image/warning.png') 10px center no-repeat; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border-top: 1px solid #F2DD8C; border-bottom: 1px solid #F2DD8C; } .attention a { background: #F2DD8C; color: #000; text-decoration: none; } .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .required {color: #FF0000; font-weight: bold;} .error {display: block; color: #FF0000;} .help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; } table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px;} table.form tr td:first-child {width: 150px;} table.form > * > * > td {color: #000000;} table.form td {padding: 4px;} input.large-field, select.large-field {width: 300px;} table.list { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } table.list td { border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } table.list thead td { background-color: #EFEFEF; padding: 0px 5px; } table.list thead td a, .list thead td { text-decoration: none; color: #222222; font-weight: bold; } table.list tbody td { vertical-align: top; padding: 0px 5px; } table.list .left { text-align: left; padding: 7px; } table.list .right { text-align: right; padding: 7px; } table.list .center { text-align: center; padding: 7px; } table.radio { width: 100%; border-collapse: collapse; } table.radio td { padding: 5px; vertical-align: top; } table.radio td label { display: block; } table.radio tr td:first-child { width: 1px; } table.radio tr td:first-child input { margin-top: 1px; } table.radio tr.highlight:hover td { background: #F1FFDD; cursor: pointer; } .pagination { border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; margin: 0 10px 20px 10px; width: 97.5%; } .pagination .links { float: left; } .pagination .links a { display: inline-block; border: 1px solid #EEEEEE; padding: 4px 10px; text-decoration: none; color: #787878; float: left; background: #eee; background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#ffffff)); background: -moz-linear-gradient(top, #eeeeee, #ffffff); background: -o-linear-gradient(#eeeeee, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#ffffff')"; zoom: 1; margin-right: 2px; } .pagination .links a:hover { border: 1px solid #ccc; } .pagination .links b { display: inline-block; float: left; border: 1px solid #eee; padding: 4px 10px; font-weight: normal; text-decoration: none; color: #000; background: #eee; margin-right: 2px; } .pagination .results { float: right; padding-top: 3px; } /* button */ a.button, input.button { cursor: pointer; color: #FFFFFF !important; line-height: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; position: relative; background: #3594BD; border-top: 1px solid #3594BD !important; border-left: 1px solid #3594BD !important; border-bottom: 2px solid #297394 !important; border-right: 1px solid #3594BD !important; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -webkit-transition: ease 0.5s; -o-transition: ease 0.5s; transition: ease 0.5s; } a.button { display: inline-block; text-decoration: none; padding: 6px 12px 6px 12px; } input.button { margin: 0; border: 0; padding: 6px 12px; } a.button:hover, input.button:hover { background: #297394; border-top: 1px solid #297394 !important; border-left: 1px solid #297394 !important; border-bottom: 2px solid #3594BD !important; border-right: 1px solid #297394 !important; } .buttons { background: #FFFFFF; border: 1px solid #EEEEEE; overflow: auto; padding: 6px; margin-bottom: 20px; } .buttons .left { float: left; text-align: left; } .buttons .right { float: right; text-align: right; } .buttons .center { text-align: center; margin-left: auto; margin-right: auto; } .htabs { height: 30px; line-height: 16px; border-bottom: 1px solid #DDDDDD; } .htabs a { border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF url('../image/tab.png') repeat-x; padding: 7px 15px 6px 15px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #000000; margin-right: 2px; /* display: none; */ } .htabs a.selected { padding-bottom: 7px; background: #FFFFFF; } .tab-content { margin-bottom: 5px; z-index: 2; overflow: hidden; padding:0 5px; } .product-info .tab-content { width: 99%; } .tab-content a{ color:#3594BD; } /* box ----------------------------------------------------*/ .box { margin-bottom: 20px; } /****** carousel effect on features *****/ .list_carousel { width: 100%; display: block; margin-right: 0; margin-bottom: 0; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { color: #999; text-align: center; margin: 0; padding: 0 25px; width: 160px !important; display: block; float: left; } .list_carousel li + li { } .list_carousel.responsive { width: 100%; margin-left: 0; } .pager { position: absolute; top: 15px; right: 10px; text-align: right; } .pager a { float: right; position: relative; display: block; margin: 0 2px; font-size: 0pt; width: 10px; height: 10px; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3c09d)); background: -moz-linear-gradient(top, #ffffff, #b3c09d); background: -o-linear-gradient(#ffffff, #b3c09d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3c09d'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#b3c09d')"; zoom: 1; border: 1px solid #b3c09d; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; text-decoration: none; float: left; top: -42px; } .pager a.selected { width: 10px; height: 10px; text-decoration: underline; background: #fff; border: 1px solid #fff; -moz-box-shadow:inset 2px 1px 3px #ccc; -webkit-box-shadow:inset 2px 1px 3px #ccc; box-shadow:inset 2px 1px 3px #ccc; } a.prev, a.next { text-align: center; line-height: 25px; font-size: 20px !important; width: 25px; height: 25px; background: #fff; float: right; display: inline-block; margin: 0 4px 0 0; color: #555 !important; padding: 0 !important; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; } a.prev:hover, a.next:hover { background: #333; color: #fff !important; text-decoration: none; } #column-right a.prev, #column-right a.next, #column-left a.prev, #column-left a.next, #column-left-mobile a.next { margin-top: -2px; } .mod { height: 30px; line-height: 16px; border-bottom: none; position: absolute; top: -26px; right: 14px; } .mod a { border-top: none; border-left: none; border-right: none; background: #919191; padding: 3px 10px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: center; text-decoration: none; color: #fff; margin-right: 2px; display: block; } .mod a.selected { padding: 3px 10px; background: #eee; color: #000; } /* Cat Group -----------------------------------------------------*/ .cat-group { position: relative; margin: 0 0 20px 0; } .cat-title { margin-left: 10px; margin-right: 10px; padding: 8px; background: #fff; display: block; margin-bottom: 0; clear: both; border-bottom: 4px solid #eee; } .cat-group .name, .cat-group .rating { margin-bottom: 4px; } .cat-group .image img { margin-bottom: 10px; } .cat-group .price { font-weight: bold; margin-bottom: 4px; } .cat-group .latest .main { /*border-right: none;*/ } .cat-group .latest .main + .main { /*border-left: 1px dashed #ccc;*/ } .tabs-head { position: absolute; right: 13px; top: 5px; } .tabs-head li { display: inline; margin: 0 3px; float: left; } .tabs-head li a { display: block; padding: 5px 10px; background: #eee; color: #000; text-decoration: none; font-weight: bolder } .tabs-head li a:hover, .tabs-head li.active a { background: #919191; color: #fff; } /* box products -----------------------------------------------------*/ .box-product { width: 99%; } .box-product > div { display: inline-block; vertical-align: top; } #column-left + #column-right + #content .box-product > div { width: 119px; } .box-product .image { display: block; margin-bottom: 0px; } .box-product .image img { padding: 3px; margin-bottom: 10px; } .box-product .name a { color: #787878; text-decoration: none; display: block; text-align: left; margin-bottom: 4px; } .name a { color: #787878; text-decoration: none; } .name a:hover { text-decoration: underline } .box-product .price { display: block; color: #000; margin-bottom: 4px; text-align: left; font-weight: bold; } .box-product .price-old { color: #f00; margin-left: 10px; text-decoration: line-through; } .box-product .price-new { color: #000; font-weight: bold; float: left } .main { position: relative } .saleh { display: none; /* background: red; */ background: url(../image/heart3.png); /* opacity: .5; */ position: absolute; right: 5px; top: 50px; width: 43px; height: 35px; line-height: 29px; /* border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; */ color: #fff; font-size: 13px; text-align: center; font-weight: normal; } .sale { display: none; background: red; opacity: .5; position: absolute; left: 10px; top: 10px; width: 35px; height: 35px; line-height: 35px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -o-border-radius: 100% 100% 100% 100%; color: #fff; font-size: 13px; text-align: center; font-weight: normal; } .rewardo { display: none; background: url('/catalog/view/theme/gazal/image/rewardo45.png') no-repeat; opacity: .7; position: absolute; right: 5px; top: 1px; width: 41px; height: 45px; line-height: 50px; color: #fff; font-size: 10px; text-align: center; font-weight: normal; } .box-product .rating { display: block; margin-bottom: 4px; text-align: left; } .hover-options { display: none; } .main:hover .hover-options { display: block; position: absolute; width: 160px; height: 30px; bottom: 50px; left: 0; } .main .cart, .main2 .cart { float: left; margin-right: 4px; } a.wish { display: block; float: left; width: 30px; height: 24px; font-size: 0pt; background: url(../image/wish.png) no-repeat center; margin-right: 2px; } a.compare { display: block; float: left; width: 30px; height: 24px; font-size: 0pt; background: url(../image/compare.png) no-repeat center; } /*Tooltip*/ .tooltip span, .tooltip span { display: none;} .tooltip {position: relative;} .tooltip:hover span{ display: block; position: absolute; top: -150%; left: -37px; width: 100px; color: #FFF; border-radius: 4px; text-align: center; font-size: 11px; background: rgba(0,0,0, 0.9) none repeat scroll 0% 0%; padding: 5px 2px; } .tooltip span:after{ position: absolute; content: ''; bottom:-10px; border:5px solid; border-color:rgba(0,0,0, 0.9) transparent transparent transparent; left:45%; } /* column-left and column-right */ #column-left .box, #column-right .box, #column-left-mobile .box{ border: 1px solid #ddd; -webkit-border-radius: 2px 2px 4px 2px; border-radius: 2px 2px 4px 2px; margin: 0 0 20px 0; float:left; width:100%; } #column-left .box .box-heading, #column-left-mobile .box .box-heading, #column-right .box .box-heading{ border-bottom: 2px solid #3594BD; height: 38px; line-height: 38px; font-size: 1.2em !important; width: 100%; color: #3594BD; background: rgba(0,0,0,.05); } #column-left .box .box-heading span, #column-left-mobile .box .box-heading span, #column-right .box .box-heading span{ margin-left: 10px; margin-right: 10px; } #filterpro_box a.clear_filter{ margin-right: 10px; } #column-left .banner,#column-left-mobile .banner, #column-right .banner { margin-right: 0; margin-left: 0; } #column-left .banner img,#column-left-mobile .banner img, #column-right .banner img { margin: 0 0 20px 0; } /* Category */ ul.mega-category { background: #fff;} ul.mega-category li{ position: relative; line-height: 35px;} ul.mega-category li:hover { background: #fff;} ul.mega-category > li + li { border-top: 1px dotted #eee;} ul.mega-category > li > a {background: url(../image/arrow-right.png) 94% center no-repeat; padding: 0 15px;} ul.mega-category > li > a, .sub-menu ul li a {color: #787878; font-size: 1.2em; text-decoration: none; display: block;} ul.mega-category li:hover .sub-menu { display: block;} ul.mega-category > li > a:hover { color: #3594BD; background: none;} /* Sub menu */ .sub-menu { display: none; position: absolute; width: 680px; background: #fff; padding: 15px; left: 98%; top: -25px; border:1px solid #e0e0e0; border-radius: 4px; z-index: 999; -webkit-box-shadow: 2px 1px 2px 1px rgba(0,0,0, .1); box-shadow: 2px 1px 2px 1px rgba(0,0,0, .1); } .sub-menu ul li a{padding: 0;} .sub-menu:after,.sub-menu:before{content:''; position: absolute; top:32px;} .sub-menu:after{ border:10px solid; border-color: transparent #fff transparent transparent; left: -19px; } .sub-menu:before{ border:10px solid; border-color: transparent #ccc transparent transparent; left: -20px; } .sub-sub-menu, .sub-sub-menu ul { width: 100%;} .sub-sub-menu > ul > li:nth-child(even) {text-align:right;} .sub-sub-menu ul li:hover { background: #3594BD; border-color: #297394;} .sub-sub-menu ul li a {text-align: left;} .sub-sub-menu ul li { display: inline-block; vertical-align: top; padding: 0px 10px; border:1px solid #f0f0f0; border-radius:4px; margin: 3px 0; background: #f9f9f9; position: relative; width: 49.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .sub-sub-menu ul li:hover a{color:#f9f9f9} .sub-sub-menu ul.recom li:hover a{text-decoration:underline; color:#333; display:inline;} .sub-sub-menu ul.recom li a{text-decoration:underline; color:#333; display:inline;} /*DESCRIPTION*/ .mega-category_descr{margin-top: 15px;} .mega-category_descr img{width: 70px; margin-top: 15px;} .mega-category_descr span{ vertical-align: bottom; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .mega-category_descr span:first-child{width: 15%; padding: 0 10px;} .mega-category_descr span:last-child{ color:#555; width:84%; padding: 0; margin: 0; font-size: 1.2em; text-align: justify; line-height: 1.3em; } /*RECOM*/ ul.mega-category .sub-sub-menu .heading-sub:hover .recom{ display: block; } ul.mega-category .sub-sub-menu ul li:nth-child(even) .recom{ left:-84%; right: auto;} ul.mega-category .sub-sub-menu ul li:nth-child(even) .recom:before{ left:auto; right: -20px; border-color:transparent transparent transparent #e9e9e9;} ul.mega-category .sub-sub-menu ul li:nth-child(even) .recom:after{ left:auto; right: -19px; border-color:transparent transparent transparent #fff;} ul.mega-category .recom{ display: none; position: absolute; background: #fff; width: 80%; top:-40%; right:-80%; font-size:1.2em; padding: 5px; border: 1px solid #e9e9e9; border-radius: 4px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05); color:#333; z-index: 2;} ul.mega-category .recom:before, ul.mega-category .recom:after{ content: ''; position: absolute; top: 20px;} ul.mega-category .recom:before{ left:-20px; border:10px solid; border-color:transparent #e9e9e9 transparent transparent; } ul.mega-category .recom:after{ left:-19px; border:10px solid; border-color:transparent #fff transparent transparent; } ul.mega-category .recom li{ border:1px solid #f0f0f0; background: #f9f9f9; border-radius:4px; padding: 5px 10px; margin: 2.5px 0; line-height: 1.2em; width: 100%; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} ul.mega-category .recom li span { display: block; margin-bottom: 5px; width: 100%; line-height: 28px;} ul.mega-category .recom li.good span:before, ul.mega-category .recom li.badly span:before{ content: ''; width: 26px; height: 26px; display: inline-block; background-position: center; margin-right:10px; float: left;} ul.mega-category .recom li.good span{color:#A4C700;} ul.mega-category .recom li.badly span{color:#E43B00;} ul.mega-category .recom li.good span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQTRDNzAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44UzcuMiwyNCw3LjIsMThTMTIsNy4yLDE4LDcuMiBNMTgsNS4yDQoJCUMxMC45LDUuMiw1LjIsMTAuOSw1LjIsMThTMTAuOSwzMC44LDE4LDMwLjhTMzAuOCwyNS4xLDMwLjgsMThTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNSwxNmMwLDAuNi0xLjksMC0zLDBzLTIsMC43LTIsMHMwLjktMiwyLTJTMjUsMTUuNCwyNSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0xMSwxNmMwLDAuNiwxLjksMCwzLDBzMiwwLjcsMiwwcy0wLjktMi0yLTJTMTEsMTUuNCwxMSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNC44LDIwYzAsMy4yLTIuMyw2LjgtNi44LDYuOHMtNi44LTMuNi02LjgtNi44YzAsMCwyLjIsMS4yLDYuOCwxLjJTMjQuOCwyMCwyNC44LDIweiIvPg0KPC9zdmc+DQo=);} ul.mega-category .recom li.badly span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTQzQjAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44QzEyLDI4LjgsNy4yLDI0LDcuMiwxOFMxMiw3LjIsMTgsNy4yIE0xOCw1LjINCgkJQzEwLjksNS4yLDUuMiwxMC45LDUuMiwxOFMxMC45LDMwLjgsMTgsMzAuOGM3LjEsMCwxMi44LTUuNywxMi44LTEyLjhTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNFNDNCMDAiIGQ9Ik0xOCwyMi41YzIuNywwLDUuMiwwLjksNy4yLDIuM2MtMS42LTIuMy00LjItMy44LTcuMi0zLjhzLTUuNiwxLjUtNy4yLDMuOEMxMi44LDIzLjQsMTUuMywyMi41LDE4LDIyLjV6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIxNCIgY3k9IjE2IiByPSIyIi8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIyMiIgY3k9IjE2IiByPSIyIi8+DQo8L3N2Zz4NCg==);} /* content */ #content .content { padding: 10px; overflow: auto; margin-bottom: 20px; border: 1px solid #EEEEEE; } #content .content .left { float: left; width: 49%; } #content .content .right { float: right; width: 49%; } /* Category */ .category-header .category-title { font-size: 20px; font-weight: normal; color: #333; float: left; margin: 0 0 20px 15px; } .category-header .breadcrumb{float: right; margin:5px 15px 20px 0; color:#999;} .category-header .breadcrumb a{color: #999;} .category-info, .manufacturer-info { margin: 0 10px 10px 10px; position: relative; height: 150px; overflow: hidden; } .category-info .image, .manufacturer-info .image { float: left; padding: 5px; width: 210px; margin-right: 15px; margin-bottom: 20px; } .category-info .image img, .manufacturer-info .image img { max-width: 100% !important; } .right-part-2 { width: 100%; margin-bottom: 20px; } /*Junior category*/ .refine{margin: 10px;} .refine h2{font-weight: normal; font-size: 1.2em; color:#555;} .refine ul{/*display: table; width: 100%*/ display: -webkit-box; /* Android 4.3-, Safari без оптимизации */ -webkit-box-pack: justify; /* Android 4.3-, Safari без оптимизации */ display: -webkit-flex; /* оптимизация для Safari */ -webkit-justify-content: space-between; /* оптимизация для Safari */ display: flex; flex-wrap: wrap; height: auto; align-content: space-between;} .refine .refine_item { display: table-cell; text-align:center; position: relative; width:auto;flex-grow: 1; } .refine .refine_item > a{ display: block; margin: 2.5px 5px 2.5px 0; padding: 6px 25px; border:1px solid #eee; color:#656565; background: #fcfcfc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .refine .refine_item i{position: relative; font-size: .8em; top: -3px; right:-5px; font-style:normal; color:#ccc;} .refine .refine_item:hover > a, .refine .refine_item.selected > a {text-decoration: none; border-color:unset; background: #3594BD; color:#fff;} .refine .refine_item:hover i{color:#f9f9f9; } .refine .refine_item:hover .recom{display: block;} .refine .recom{ display: none; position: absolute; z-index: 9; left:0; top: 105%; width: 100%; padding: 5px; border:1px solid #ddd; background: #fff; border-radius:4px; color:#555; box-shadow: 0 0 1px 2px rgba(0,0,0, .04); text-align:left; box-sizing: border-box; } .refine .refine_item:nth-child(4) .recom { right:0; left: auto;} .refine .refine_item:nth-child(4) .recom:before{left: auto; right:18px;} .refine .refine_item:nth-child(4) .recom:after{ left: auto; right:19px;} .refine .recom:before{ content: ''; position:absolute; border:10px solid; border-color: transparent transparent #ddd transparent; left: 20px; top: -20px; } .refine .recom:after{ content: ''; position:absolute; border:9px solid; border-color: transparent transparent #fff transparent; left: 21px; top: -18px; } .refine .recom .good span{ color:#A4C700; } .refine .recom .badly span{ color:#E43B00; } .refine .recom li{margin: 5px 0; padding:5px; border:1px solid #eee; border-radius:4px; background:#fcfcfc; } .refine .recom .good span, .refine .recom .badly span { display: block; height: 26px; margin-bottom: 5px; line-height: 27px; } .refine .recom a{color:#555; text-decoration: underline;} .refine .recom a:hover{text-decoration: none;} .refine .recom ul li:hover .recom{ display: block; } .refine .recom .good span:before, .refine .recom .badly span:before{ content: ''; display: block; width: 26px; height: 26px; float: left; margin-right: 10px; background-position: 50% 50%; } .refine .recom .good span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQTRDNzAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44UzcuMiwyNCw3LjIsMThTMTIsNy4yLDE4LDcuMiBNMTgsNS4yDQoJCUMxMC45LDUuMiw1LjIsMTAuOSw1LjIsMThTMTAuOSwzMC44LDE4LDMwLjhTMzAuOCwyNS4xLDMwLjgsMThTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNSwxNmMwLDAuNi0xLjksMC0zLDBzLTIsMC43LTIsMHMwLjktMiwyLTJTMjUsMTUuNCwyNSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0xMSwxNmMwLDAuNiwxLjksMCwzLDBzMiwwLjcsMiwwcy0wLjktMi0yLTJTMTEsMTUuNCwxMSwxNnoiLz4NCjxwYXRoIGZpbGw9IiNBNEM3MDAiIGQ9Ik0yNC44LDIwYzAsMy4yLTIuMyw2LjgtNi44LDYuOHMtNi44LTMuNi02LjgtNi44YzAsMCwyLjIsMS4yLDYuOCwxLjJTMjQuOCwyMCwyNC44LDIweiIvPg0KPC9zdmc+DQo=);} .refine .recom .badly span:before{ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM2cHgiIGhlaWdodD0iMzZweCIgdmlld0JveD0iMCAwIDM2IDM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzNiAzNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRTQzQjAwIiBkPSJNMTgsNy4yYzYsMCwxMC44LDQuOSwxMC44LDEwLjhTMjQsMjguOCwxOCwyOC44QzEyLDI4LjgsNy4yLDI0LDcuMiwxOFMxMiw3LjIsMTgsNy4yIE0xOCw1LjINCgkJQzEwLjksNS4yLDUuMiwxMC45LDUuMiwxOFMxMC45LDMwLjgsMTgsMzAuOGM3LjEsMCwxMi44LTUuNywxMi44LTEyLjhTMjUuMSw1LjIsMTgsNS4yTDE4LDUuMnoiLz4NCjwvZz4NCjxwYXRoIGZpbGw9IiNFNDNCMDAiIGQ9Ik0xOCwyMi41YzIuNywwLDUuMiwwLjksNy4yLDIuM2MtMS42LTIuMy00LjItMy44LTcuMi0zLjhzLTUuNiwxLjUtNy4yLDMuOEMxMi44LDIzLjQsMTUuMywyMi41LDE4LDIyLjV6Ii8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIxNCIgY3k9IjE2IiByPSIyIi8+DQo8Y2lyY2xlIGZpbGw9IiNFNDNCMDAiIGN4PSIyMiIgY3k9IjE2IiByPSIyIi8+DQo8L3N2Zz4NCg==);} /*//RECOMMENDATION*/ /* //Jinior category */ /* manufacturer */ .brendMenu{ text-align: center; font-size: 14px; margin:10px 0 20px 0; } .brendMenu a{ color: #333; display: inline-block; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom: 2px solid #ccc; background-color: #eee; color:#333; width:35px; height:25px; border-radius:2px; text-decoration: none; line-height:25px; margin-bottom: 5px; } .brendMenu a:hover{ border-color: #ccc; background-color: #ccc; } .manufacturer{ text-align: center; } .manufBox{ text-align: center; border: 1px solid #ccc; display: inline-block; padding: 5px; border-radius: 2px; margin:5px .5px; } .manufacturer .active{ border: 2px solid #3594BD !important; padding:4px; } .manufacturer .manufBox:hover{ border: 1px solid #3594BD !important; } /* product -------------------------------------------------*/ .product-filter { border: 1px solid #3594BD; margin: 0 10px 15px; padding: 0px 10px; height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; background: #3594BD; font-size: 1em; line-height: 40px; float:left; width:98%; } .product-filter b{font-weight: normal;} .product-filter div{display: inline-block; padding: 0 10px; color:#f5f5f5;} .product-filter div select{ margin-left: 10px; border-radius:2px; background: #297394; border:none; color:rgba(255,255,255, .7); padding: 3px;} .product-filter div a{ color:#f5f5f5; text-decoration: underline;} .product-filter div a:hover{text-decoration: none;} .product-filter .display{float: right; padding: 0; margin: 0; } .product-filter .display b{display: block; float: left; margin-right:10px;} .product-filter .display_list, .product-filter .display_list a, .product-filter .display_grid, .product-filter .display_grid a {background: url(../image/display.png) no-repeat; width: 25px; height: 25px; padding: 0; font-size: 0pt; display:block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .product-filter .display_list a:hover, .product-filter .display_grid a:hover {opacity: .5;} .product-filter .display_list, .product-filter .display_grid {margin:7.5px 2px 0;} .product-filter .display_grid { background-position: top right;} .product-filter .display_list a{ background-position: top left;} .product-filter .display_list { background-position: bottom left;} .product-filter .display_grid a{ background-position: bottom right;} /*********** product grid *************/ .product-list > div { margin: 0px 10px 0px 10px; padding-top: 10px; clear: both; position: relative; } .product-list > div .sale { left: 10px; } .product-list .right { float: right; border-left: 1px dashed #ddd; margin-left: 15px; padding-left: 15px; min-height: 210px; padding-top: 0px; width: 215px; } .product-list > div + div { border-top: 1px dotted #3595BF; padding-top: 16px; } .product-list .image { float: left; margin-right: 30px; } .product-list .image img { width: 100%; padding: 3px; } .product-list .name { margin-bottom: 15px; padding-top: 10px; } .product-list .name a { color: #000; font-size: 14px; text-decoration: none; } .product-list .name a:hover { text-decoration: underline } .product-list .description { line-height: 15px; margin-bottom: 5px; color: #4D4D4D; } .product-list .rating { color: #7B7B7B; margin-bottom: 15px; } .product-list .price { margin-bottom: 15px; color: #000; font-size: 15px; font-weight: bold; } .product-list .price-old { color: #F00; display: block; float: left; width: 100%; text-decoration: line-through; } .product-list .price-new { font-weight: bold; font-size: 18px; display: block; float: left; width: 100%; } .product-list .price-tax { font-size: 12px; font-weight: normal; color: #BBBBBB; } .product-list .cart, .product-list .wishlist, .product-list .comparee, .product-list .quickOrder { margin-bottom: 3px; float: left; margin-right: 2px; border-bottom:2px solid #297394; padding: 6px 12px; border-radius:2px; background:#3595BF; color:#fff; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; height: 12px; } .product-list .cart .fa{ font-size:12px } .product-list .cart:hover, .product-list .wishlist:hover, .product-list .comparee:hover, .product-list .quickOrder:hover{ text-decoration: none; background-color: #297394; border-bottom:2px solid #3595BF; } .product-list .showBox{ position: absolute; bottom: 25px; } .product-list .wishlist span, .product-list .comparee span, .product-list .quickOrder span{ display: none;} /*********** product grid *************/ .product-grid, .blog-grid { /*text-align: justify;*/ } .product-grid > .product-thumb,.blog-grid > .product-thumb { position: relative; margin-bottom: 10px; vertical-align: top; /* padding: 0 0 15px 0; */ text-align: left; border: 1px solid #E3E3E3; border-radius:2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #column-left + #column-right + #content .product-grid > div, #column-left + #column-right + #content .blog-grid > div { width: 125px; } .product-grid .image, .blog-grid .image { display: block; margin-bottom: 0px; margin-right: auto; margin-left: auto; text-align: center; /*border-bottom: 1px solid #E3E3E3;*/ padding-bottom: 10px; position: relative; } .product-grid .image img, .blog-grid .image img { padding: 3px; } .product-grid .name, .blog-grid .name { margin:0 5px; height: 60px; overflow:hidden; } .product-grid .name a, .blog-grid .name a { color: #5D6670; font-size: 14px; text-decoration: none; } .product-grid .name a:hover, .blog-grid .name a:hover { text-decoration: underline } .product-grid .description, .product-grid .list { display: none; } /* Start rating */ .product-grid .rating { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 10px; cursor: pointer; height: 18px; overflow: hidden; width: 100%; } .product-grid .rating * { font-size: 15px; } .product-grid .rating .stars, .product-grid .rating .reviews { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 5px; } .product-grid .rating .stars .fa-star { color: rgb(255, 165, 0); } .product-grid .rating .stars .rating { margin: 0; } .product-grid .rating .reviews .fa-comment { margin: 0; color: #00A4E2; } /* End rating */ .product-grid .price, .blog-grid .price { color: #000000; font-size: 16px; font-weight: bold; margin: 6px 5px 0px 5px; min-height:15px; text-align: center; } .product-grid .price-old, .blog-grid .price-old { color: #F00; text-decoration: line-through; } .product-grid .price-new, .blog-grid .price-new { font-weight: bold; } .product-grid .price .price-tax, .blog-grid .price .price-tax { display: none; } /* Box hover*/ .product-grid > div:hover .showBox, .blog-grid > div:hover .showBox{ visibility: visible; opacity: 1; } .product-grid > div:hover, .product-grid > div:hover .image, .blog-grid > div:hover, .blog-grid > div:hover .image{ border-color: #1ea3d2; } .product-grid .box, .blog-grid .box { position: relative; } .product-grid .showBox, .blog-grid .showBox { position: absolute; z-index: 999; width: 99.5%; height: 98%; top: 0px; left: 0px; background-color: rgba(53,149,191, .2); z-index:99; visibility: hidden; opacity: 0; margin:1px; border-top-right-radius: 2px; border-top-left-radius: 2px; -webkit-transition: ease .5s; -o-transition: ease .5s; transition: ease .5s; } .product-grid .showBox ul > li, .blog-grid .showBox ul > li { margin-bottom:5px; background: #000; height: 33%; display: block; } .product-grid .showBox a, .blog-grid .showBox a { display: table; width: 100%; height: 24.7%; background-color: rgba(53,149,191, .7); margin-bottom:2px; text-transform: uppercase; font-size: 15px; color: rgba(255,255,255,.8); -webkit-transition: ease .4s; -o-transition: ease .4s; transition: ease .4s; text-align: center; } .product-grid .showBox a > span, .blog-grid .showBox a > span { display:table-cell; vertical-align: middle; } .product-grid .cart, .blog-grid .cart { border-top-right-radius: 2px; border-top-left-radius: 2px; } .product-grid .showBox .fa, .blog-grid .showBox .fa { font-size: 18px; } .product-grid .showBox a:hover, .blog-grid .showBox a:hover { background-color: rgba(53,149,191, .9); text-decoration: none; } .product-grid .showBox .comparee, .blog-grid .showBox .comparee { margin-bottom: 1px !important; } /* Product Details */ .product-info { overflow: hidden; margin-bottom: 20px; } .product-title { color: #333; font-size: 19px; margin: 5px 0 1px 0; } /* Left block */ .product-info .left { float: left; width: 300px; margin-right: 15px; } .product-info .image { float: left; margin-bottom: 10px; text-align: center; /*width: 300px;*/ width: fit-content; height: 300px; position: relative; } .product-info .left #image { width: 100%; } .product-info .image-additional { width: 300px; clear: both; overflow: hidden; height: 80px; } .product-info .image-additional img { border: 1px solid #ddd; padding:2px; width:64px; } .product-info .image-additional .owl-item{ text-align: center; } .product-info .image-additional{ position: relative; } .product-info .image-additional .owl-buttons div{ position: absolute; top: 50%; transform: translateY(-50%); } .product-info .image-additional .owl-buttons .fa{ color: #297394; opacity: .8; } .product-info .image-additional .owl-buttons .fa:hover{ opacity: 1; } .product-info .image-additional .owl-buttons .owl-prev{ left: 0; z-index: 99; } .product-info .image-additional .owl-buttons .owl-next{ right: 0; z-index: 99; } .product-info .image-additional li { display: inline; } .product-info .owl-additional { overflow: hidden; height: 80px; } /* Right block */ .product-info .right{ float: left; width:510px; margin-left: 30px; } .product-info .shortDesc{ text-align: justify; line-height:16px; clear: both; margin-top: 20px; display: inline-block; width:100%; } .product-info .shortDesc a{ text-decoration: underline; } /*btn grup*/ .product-info .btnGrup + .btnGrupTow{ margin-left: 210px; } .product-info .btnGrup{ border: 1px solid #eee; background: rgba(0,0,0,.05); width:230px; text-align: center; border-radius: 2px; float: left; padding: 5px 10px; } .product-info .price-old { color: #555; font-size: 15px; text-decoration: line-through; } .product-info .price-new { color: #FC6F79; font-size: 20px; margin-bottom:8px; } .product-info .price{ font-size: 20px; margin-bottom:8px; } .product-info .btnGrup .cart-product, .product-info .options .cart-product{ background: #4ca750; border:1px solid #4ca750; border-bottom:3px solid #4ca750; border-radius: 2px; font-weight: normal; width:180px; } .product-info .btnGrup .cart-credit { display: flex; flex-flow: column; gap: 5px; background: #ffffff; border:1px solid #3594BD; border-radius: 2px; color: #272727 !important; padding: 8px 10px 8px 10px !important; font-size: 14px !important; line-height: 22px !important; font-weight: bold; margin: 10px auto; width:180px; cursor:pointer; text-align: left; } .product-info .btnGrup .cart-credit > p { text-align: center; color: #3594BD !important; margin-bottom: 5px; } .product-info .btnGrup .cart-credit > div { display: flex; align-items: center; justify-content: space-between; } .product-info .btnGrup .cart-credit > div > div { display: inline-block; font-size: 13px !important; font-weight: normal; } .product-info .btnGrup .cart-credit > div > div:first-child { width: 30px; display: inline-block; } .product-info .options .cart-product{ float: right; } .product-info .btnGrup .cart-product:hover, .product-info .options .cart-product:hover{ background: #3f8842; border-color: #6a933a; } .cart-product.btnActive{ background: #297394 !important; border-color: #297394 !important; } .price-text { font-size: 25px; float: left; margin-right: 20px; } .price-data { float: left; margin-top: 5px; } .product-info .price-tax { font-size: 12px; font-weight: normal; color: #999; } /*btn grup tow*/ .product-info .btnGrupTow ul{ display: block; } .product-info .btnGrupTow ul li{ display: inline-block; margin-bottom: 5px; } .product-info .btnGrupTow ul li a{ width:118px; padding:5px; border: 1px solid #ddd; border-radius:2px; background: rgba(0,0,0,.03); height:25px; text-align: center; line-height: 28px; display: block; text-decoration: none; color:#333; } .product-info .btnGrupTow ul li a:hover{ background: rgba(0,0,0,.05); } .product-info .btnGrupTow .btnQuick, .product-info .btnGrupTow .credit-product{ border-bottom:2px solid #ddd ; border-right-color: rgba(0,0,0,.03) ; border-left-color: rgba(0,0,0,.03) ; border-top-color: rgba(0,0,0,.03) ; } .product-info .btnGrupTow ul li .fa{ font-size:15px; padding-right: 5px; color:#3594BD; } .product-info .points { font-weight: normal; padding-top: 7px; display: block; text-decoration: underline; color:#000000; } .product-info .reward { font-weight: normal; display: block; text-decoration: underline; padding-bottom: 7px; } .product-info .price .discount { font-weight: normal; font-size: 12px; color: #4D4D4D; } /*Right block info*/ .product-info .rightInfo{ float: left; border-left: 1px dashed #ccc; width: 270px; margin-left: 30px; padding:10px 0 5px 20px; } .product-info .rightInfo .shipping-methods .titleMetods{ text-transform:uppercase; margin-bottom:5px; display: block; text-decoration:underline; } .product-info .mobileShow{ display: none; } .product-info .rightInfo .shipping-methods ul li{ line-height:18px; color:#333; } .product-info .rightInfo .shipping-methods ul li b{ color:#333 !important; font-weight: normal; } .product-info .rightInfo .description { margin-bottom: 10px; line-height: 17px; color: #333; display: inline-block; } .product-info .rightInfo .description span { color: #000; text-transform:uppercase; margin-right: 5px; } .product-info .rightInfo .description a { color: #4D4D4D; text-decoration: none; } .product-info .rightInfo .tegs{ margin-top: 10px; margin-bottom: 10px; } .product-info .rightInfo .tegs span{ margin-top: 10px; margin-right:5px; text-transform: uppercase; } .product-info .rightInfo .tegs a{ text-transform: uppercase; text-decoration:underline; color: #297394; } .product-info .rightInfo .tegs a:hover{ text-decoration: none; } .product-info .rightInfo .sher{margin-top:10px } /* OPTIONS */ .product-info .options .optionTable { width: 100%; } .product-info .options .optionTable thead{ border-bottom:2px solid #3594BD; } .product-info .options .optionTable tr td{ border:1px solid #ddd; padding:5px; vertical-align: inherit; } .product-info .options .optionTable tr td input[type="text"]{ border: none; text-align: center; } .product-info .options .optionTable tr td input[type="checkbox"]{ border:1px solid #eee; } .product-info .options .titleOptions{ display: block; margin-bottom: 10px; font-size: 14px; color: #333; } .product-info .options .buttonOption{ text-align: center; background-color: #3594BD; border: 1px solid #3594BD; border-bottom: 2px solid #297394; color: #fff; padding: 5px 10px; border-radius: 2px; cursor:pointer; } .product-info .options .center{ text-align: center !important; } .product-info .options .w10{ width: 10% !important; } /*Options type image*/ .product-info .options .optionImage input{ display: none; } .product-info .options .optionImage input:checked ~ label img{ border:2px solid #3594BD; } .product-info .options .optionImage img:hover{ border: 1px solid #ccc; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { border: 1px solid #eee; cursor: pointer; border-radius:2px; } /* Tabs */ .product-info .htabs{ border-bottom: 2px solid #ddd; margin-bottom: 25px; } .product-info .htabs a{ font-weight: normal; color: #333; background: none; border: none; text-transform: uppercase; padding-bottom:7px; border-bottom: 2px solid transparent; } .product-info .htabs a:hover{ border-bottom:2px solid #999; color: #555; } .product-info .htabs a.selected{ border-bottom: 2px solid #3594BD; color: #555; } .cheap { margin: 4px 0; } .cheap a { font-weight: normal; font-size: 14px; color:#333; outline: none; } .cheap a:hover { text-decoration: none; color: #000; } /* BTN Cartn product */ .cart-product, .quick-product { padding: 10px 30px !important; font-size: 18px !important; line-height: 22px !important; } .quick-product { background: #00adee !important; border-color: #00adee !important; color:#ffffff; margin-top: 10px; width:180px; padding: 10px 5px !important; cursor:pointer; } .quick-product:hover { background: #008abf !important; border-color: #008abf !important; } .product-info .options { margin-bottom: 10px; color: #000000; margin-top: 10px; } .product-info .cart { padding: 5px 0; margin-bottom: 20px; color: #4D4D4D; float: left; width: 100%; } .product-info .cart div { float: left; vertical-align: middle; } .wish-compare { margin: 10px 0 0 10px; } .product-info .cart div > span { padding-top: 7px; display: block; color: #999; } .product-info .cart .minimum { padding-top: 15px; font-size: 11px; color: #999; clear: both; } .cart .quantity { background: #fff !important; border: 1px solid #eee !important; color: #000 !important; } .product-info .review { margin-bottom: 10px; width: 100%; float: left; } .review-img { margin-top: 4px;} .product-info .review > div > span {color: #38B0E3;} .review-list { padding: 10px; overflow: auto; margin-bottom: 20px; background: #f6f6f6; border: 1px solid #EEEEEE; } .review-list .author { float: left; margin-bottom: 20px; } .review-list .rating { float: right; margin-bottom: 20px; } .review-list .text { clear: both; } .attribute { border-collapse: collapse; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; margin-bottom: 20px; } .attribute thead tr td:first-child { color: #333; font-size: 14px; text-align: left; text-transform: uppercase; border-bottom: 2px solid #ddd; font-weight: bold; } .attribute tr td:first-child { color: #333; text-align: left; width: 20%; } .attribute td { padding: 7px; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .attribute tr:hover{ background: #eee; } /* Add sticky to repair_parts class */ #content .product-info { overflow: unset; } .schema-container { overflow: unset; } .schema-container .schema-map { width: 60%; align-self: flex-start; position: sticky; top: 50px; color: white; padding: 10px; } .schema-container .schema-table-container { width: 40%; } .schema-container .schema-table-container .repair_parts { width: 100%; display: flex; flex-flow: column; border: unset; } .schema-container .schema-table-container .repair_parts .schema-product-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #00A4E2; border-radius: 8px; margin: 20px 0 0 0; padding: 5px 10px; } .schema-container .schema-table-container .repair_parts .schema-product-row > div:not(.number) { width: 33.33%; padding: 5px; margin: 10px 0 0 0; } .schema-container .schema-table-container .repair_parts .schema-product-row .number { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; position: absolute; top: -13px; left: 5px; background-color: #00A4E2; color: #ffffff; border-radius: 8px; padding: 5px; margin: 0; } .schema-container .schema-table-container .repair_parts .schema-product-row .name { width: 100px; } .schema-container .schema-table-container .repair_parts .schema-product-row .image { width: 100px; height: auto; } .schema-container .schema-table-container .repair_parts .schema-product-row .buttons { text-align: center; background: unset; } .schema-container .schema-table-container .repair_parts .schema-product-row .buttons .btn { margin: 15px 0; } .compare_wrap{ min-width: 280px; overflow: auto; margin: auto; border:1px solid #f0f0f0; padding: 5px; border-radius: 2px; } .compare-info { border-collapse: collapse; width: 100%; border-top: 1px solid #eee; border-left: 1px solid #eee; margin-bottom: 0px; } .compare-info thead td, .compare-info thead tr td:first-child { color: #555; font-size: 14px; font-weight: normal; background: #eee; text-align: left; } .compare-info tr td:first-child{ color: #000000; font-weight: normal; text-align: left; } .compare-info td { width: 20%; color: #4D4D4D; text-align: center; vertical-align: top; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px; } .compare-info .name a { font-weight: bold; } .compare-info .price-old { font-weight: bold; color: #F00; text-decoration: line-through; } .compare-info .price-new { font-weight: bold; } /* wishlist */ .wishlist-info table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; } .wishlist-info td { padding: 7px; } .wishlist-info thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .wishlist-info thead .image { text-align: center; } .wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock { text-align: left; } .wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action { text-align: right; } .wishlist-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .wishlist-info tbody .image img { border: 1px solid #DDDDDD; } .wishlist-info tbody .image { text-align: center; } .wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock { text-align: left; } .wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action { text-align: right; } .wishlist-info tbody .price s { color: #F00; } .wishlist-info tbody .action img { cursor: pointer; } /* orders */ .order-list { margin-bottom: 10px; } .order-list .order-id { width: 49%; float: left; margin-bottom: 2px; } .order-list .order-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .order-list .order-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .order-list .order-content div { float: left; width: 33.3%; } .order-list .order-info { text-align: right; } .order-detail { background: #EFEFEF; font-weight: bold; } /* returns */ .return-list { margin-bottom: 10px; } .return-list .return-id { width: 49%; float: left; margin-bottom: 2px; } .return-list .return-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .return-list .return-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .return-list .return-content div { float: left; width: 33.3%; } .return-list .return-info { text-align: right; } .return-product { overflow: auto; margin-bottom: 20px; } .return-name { float: left; width: 31%; margin-right: 15px; } .return-model { float: left; width: 31%; margin-right: 15px; } .return-quantity { float: left; width: 31%; } .return-detail { overflow: auto; margin-bottom: 20px; } .return-reason { float: left; width: 31%; margin-right: 15px; } .return-opened { float: left; width: 31%; margin-right: 15px; } .return-opened textarea { width: 98%; vertical-align: top; } .return-captcha { float: left; } .download-list { margin-bottom: 10px; } .download-list .download-id { width: 49%; float: left; margin-bottom: 2px; } .download-list .download-status { width: 49%; float: right; text-align: right; margin-bottom: 2px; } .download-list .download-content { padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .download-list .download-content div { float: left; width: 33.3%; } .download-list .download-info { text-align: right; } /* cart */ .cart-info table { width: 100%; margin-bottom: 15px; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; } .cart-info td { padding: 7px; } .cart-info thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .cart-info thead .image { text-align: center; } .cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity { text-align: left; } .cart-info thead .price, .cart-info thead .total { text-align: right; } .cart-info tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .cart-info tbody .image img { border: 1px solid #DDDDDD; } .cart-info tbody .image { text-align: center; } .cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity { text-align: left; } .cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img { position: relative; top: 4px; cursor: pointer; } .cart-info tbody .price, .cart-info tbody .total { text-align: right; } .cart-info tbody span.stock { color: #F00; font-weight: bold; } .cart-module > div { display: none; } .cart-total { border-top: 1px solid #DDDDDD; overflow: auto; padding-top: 8px; margin-bottom: 15px; } .cart-total table { float: right; } .cart-total td { padding: 3px; text-align: right; } /* checkout */ .checkout-heading { background: #F8F8F8; border: 1px solid #DBDEE1; padding: 8px; font-weight: bold; font-size: 13px; color: #555555; margin-bottom: 15px; } .checkout-heading a { float: right; margin-top: 1px; font-weight: normal; text-decoration: none; } .checkout-content { padding: 0px 0px 15px 0px; display: none; overflow: auto; } .checkout-content .left { float: left; width: 48%; } .checkout-content .right { float: right; width: 48%; } .checkout-content .buttons { clear: both; } .checkout-product table { width: 100%; border-collapse: collapse; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; margin-bottom: 20px; } .checkout-product td { padding: 7px; } .checkout-product thead td { color: #4D4D4D; font-weight: bold; background-color: #F7F7F7; border-bottom: 1px solid #DDDDDD; } .checkout-product thead .name, .checkout-product thead .model { text-align: left; } .checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total { text-align: right; } .checkout-product tbody td { vertical-align: top; border-bottom: 1px solid #DDDDDD; } .checkout-product tbody .name, .checkout-product tbody .model { text-align: left; } .checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total { text-align: right; } .checkout-product tfoot td { text-align: right; border-bottom: 1px solid #DDDDDD; } .contact-info { overflow: auto; line-height: 18px; background: #eee; margin-bottom: 20px; } .contact-info .left { float: left; width: 48%; } .contact-info .right { float: left; width: 48%; } .sitemap-info { margin-bottom: 40px; line-height: 18px; } .sitemap-info .left { float: left; width: 43%; margin-left: 2%; } .sitemap-info .right { float: left; width: 43%; margin-left: 2%; } .sitemap-info .left ul li, .sitemap-info .right ul li { padding-left: 15px; list-style: circle !important } .sitemap-info .left ul li, .sitemap-info .right ul li, .sitemap-info .left ul li a, .sitemap-info .right ul li a { font-size: 14px; font-weight: bold; color: #000; text-decoration: none; } .sitemap-info .left ul li li, .sitemap-info .right ul li li, .sitemap-info .left ul li li a, .sitemap-info .right ul li li a { font-size: 12px; font-weight: normal; } .sitemap-info .left ul li a:hover, .sitemap-info .right ul li a:hover { text-decoration: underline } /* footer */ .contentFooter{ margin-bottom: 10px; border-radius: 0 0 5px 5px; } footer { clear: both; overflow: hidden; min-height: 100px; padding-top: 20px; background: #fdfdfd; border-radius: 0 0 5px 5px; } footer h3 { color: #555; font-size: 12px; margin-top: 0px; margin-bottom: 8px; text-transform: uppercase; font-weight: normal; } footer .column { margin-bottom: 5px; } footer .column ul { margin-top: 0px; } footer .column ul li { margin-bottom: 3px; } footer .column a { text-decoration: none; color: #000; } footer .column a:hover { text-decoration: underline; } footer .socials, footer .payment { margin-top: 20px; } /* Block link in footer */ footer .footerLink{margin-top: 25px;} footer .footerLink ul{text-align: center;} footer .footerLink ul li{ display: inline-block; text-transform: uppercase; margin-right: 5px; } footer .footerLink ul li a{ color: #555; font-size: 12px; text-decoration: underline; } footer .footerLink ul li a:hover{ color:#297394; text-decoration: none; } /* Yandex map in footer */ #map{ position: relative;} .map .map_bg{ width:100%; height: 100%; background:linear-gradient(to bottom, #fff, rgba(255,255,255, .5)); position: absolute; content: ''; top: 0; left: 0; } .map{ width: 100%; border-top:2px solid #3594BD; border-bottom: 1px solid rgba(0,0,0,.1); position: relative; } .map > .map_bg .bgBtn{ content: ''; width: 40px; height: 40px; position: relative; background: #FDFDFD; border-radius: 50%; bottom: -26px; box-shadow: 0px -1px 0px rgba(0,0,0, .1); margin: auto; display: block; text-align: center; } .map > .map_bg .btn-map{ display: block; font-size: 1.5em; position: relative; bottom: -60px; z-index: 1; width: 30px; height: 30px; background: #3594BD; border-radius: 50%; color: #fff; text-align: center; margin:auto; box-shadow: inset 0 0px 6px rgba(0,0,0,.2); } .map > .map_bg .btn-map .fa{ line-height: 30px; } /* // Yandex map in footer */ .payment li { float: left; display: inline; margin-right: 3px; } #powered { margin:5px 0; clear: both; text-align: center; color: #999; } hr { border-top: 1px solid #d8dfea; border-bottom: 1px solid #fff; width: 100%; } .socials { float: right; margin-bottom: 10px; } .socials li { display: inline; float: right; margin: 0 0 2px 2px; } .socials li:hover { opacity: .6; } .third-line { line-height: 18px; } /**** contact ****/ .marB30 { margin-bottom: 20px; overflow: hidden; } .contactImg { width: 100%; float: left; margin: 0 0 20px 0; } .rightCont { float: left; } .icon { float: left; margin: 0 15px 10px 0; } h3.widgetsTitle { font-size: 20px; color: #000; margin-bottom: 10px; padding: 5px 10px; background: #eee; border-bottom: 3px solid #ccc; } /**** twitter *****/ .tweet, .query { font-size: 12px; float: left; width: 100%; margin-top: 10px; } .tweet_list { list-style: none; margin: 0; padding: 0; } .tweet_list li { list-style-type: none; margin-bottom: 15px; position: relative; padding-left: 40px; min-height: 40px; } .tweet_list li a { color: #7dc50d; text-decoration: none; } .tweet_list .tweet_even { } .tweet_list .tweet_avatar { position: absolute; left: 0; top: 0; } .tweet_list .tweet_avatar img { vertical-align: top;} /****** facebook ******/ .facebookOuter { background-color:#eee; width:280px; height:250px; border:1px solid #eee; margin-bottom: 20px; clear:both } .facebookInner { height:235px; overflow:hidden; color: #eee !important } /****** about ******/ .about { padding-top: 10px; } .about h3 { font-size: 18px; font-weight: normal; padding-bottom: 10px; border-bottom: solid 1px #d8dfea; margin-bottom: 10px; color: #000; } .shipping { background: #dddddd; padding: 10px; position: relative; overflow: hidden } .shipping img { float: right; margin: 20px; } .second-line { font-size: 15px; font-weight: bold; } /* banner -----------------------------------------------*/ .banner { display: inline; float: left; margin: 0 10px 0 10px; vertical-align: top; } .banner > div img { display: inline-block; max-width: 100%; margin-bottom: 20px; } /* account -----------------------------------------------*/ /* Defoult style account*/ #add_info{ display: none;} .transition {-webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .account-title{font-size: 1.3em; color:#555; margin-bottom: 10px;} .border-box{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .account_wrap .pagination{margin:5px 0; width: 100%;} /* account page*/ .account_wrap .left h2{ font-size: 1.2em; color:#777; font-weight: normal;} .account_wrap .left{ float: left; width: 30%; background-color: rgba(0,0,0, .03); padding: 15px 15px 10px 15px; border:1px solid #eee; border-radius:4px; } .account_wrap .right{ float: right; width: 70%; padding-left: 10px; } .account_wrap .right h2{ font-size: 1.3em; font-weight: normal; border-bottom: 2px solid #3594BD; padding-bottom: 5px; margin-bottom: 10px; color:#333; } .account_wrap .right .account_info p.head { background-color: rgba(0,0,0, .03); padding: 10px 15px; border:1px solid #eee; border-radius:4px; font-size: 1.1em; color:#333; text-align: justify; } .account_wrap .right .order_content{ position: relative; cursor: pointer; } .account_wrap .right .order_content > ul{ border:1px solid #ddd; margin-top: 10px; border-radius: 2px; background: rgba(0,0,0, .03); width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .account_wrap .right .order_content > ul li{ height: 35px; display: inline-block; padding: 0; margin: 0; line-height: 35px; } .account_wrap .right .order_content .order-box{ border:1px solid #ddd; margin-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; background: #f7f7f7; border-radius: 2px; display: none; width: 100%; position: absolute; z-index: 9999; top: 36px; -webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.1); } .account_wrap .right .order_content .order-box:before{ content:''; border:11px solid; border-color: transparent transparent #ddd transparent ; position: absolute; left: 15px; top: -22px; } .account_wrap .right .order_content .order-box:after{ content:''; border:10px solid; border-color: transparent transparent #F7F7F7 transparent ; position: absolute; left: 16px; top: -20px; } .account_wrap .right .order_content .order-box table{width: 100%;} .account_wrap .right .order_content .order-box table th{ border-bottom: 1px solid #ccc; height: 25px; vertical-align: middle; color:#555; } .account_wrap .right .order_content .order-box table tr{ border-bottom: 1px solid #ddd;} .account_wrap .right .order_content .order-box table tr td{ padding:10px 5px 10px 0; vertical-align: middle;} .account_wrap .right .order_content .order-box table tr .name{ width: 75%;} .account_wrap .right .order_content .order-box table tr .quant{ width: 10%; text-align: center;} .account_wrap .right .order_content .order-box table tr .total{ width: 15%; text-align: center;} .account_wrap .right .order_content .order-box .footer_bnt{ border-bottom: none;} .account_wrap .right .order_content .order-box .footer_bnt td{ padding: 5px 0 0 0; height: auto; text-align: right;} .account_wrap .right .order_content .order_added{ background: #eee; width:90px; padding-left: 10px; color:#555; position: relative; } .account_wrap .right .order_content .order_added:after{ content:''; border:18px solid; border-color:transparent #f7f7f7 transparent transparent; position: absolute; right: 0; bottom: 0; } .account_wrap .right .order_content .wrap_btn{ float: right; background: #eee; display: block; width: 35px; border-left: 1px solid #ddd; text-align: center; border-radius: 0 2px 2px 0; } .account_wrap .right .order_content .wrap_btn .fa{ color:#555; font-size: 1.5em; vertical-align: middle;} .account_wrap .right .order_content .order_st{ padding-left: 10px;} .account_wrap .right .order_content .order_pay{ float: right; padding-right: 10px;} .account_wrap .btn-acc{ display: inline-block; width: 100%; padding: 10px; background: #3594BD; border-bottom: 2px solid #297394; margin-bottom: 6px; border-radius: 2px; color:rgba(255,255,255, .9); font-size: 1.1em; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0, .2); box-shadow: 0px 1px 3px rgba(0,0,0, .2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .account_wrap .btn-acc:hover{ text-decoration: none; background: #297394; border-bottom-color: #3695C1; -webkit-box-shadow: none; box-shadow: none; } /*Order list*/ .order-history{ border:1px solid #ddd; margin-bottom: 15px; border-radius:2px; background: #f7f7f7; } .order-history div{display: inline-block; } .order-history .box-date{ background: #eee; border-right:1px solid #ddd; color:#444; text-align: center; padding: 8px 15px; } .order-history .box-btn{ float: right; padding-right: 10px; height: 100%; padding: 7px 10px 6px; } .order-history .box-info{border-right: 1px solid #eee;} .order-history .box-info, .order-history .box-status{padding: 5px 15px; color:#333;} /* Order info*/ .order-info .invoice{ width: 33%; background: #FCFCFC; border:1px solid #F6F6F6; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .08); box-shadow: 0 1px 3px rgba(0,0,0, .08); padding: 10px; float: left; } .order-info .invoice_header .title{ font-weight: normal; color:#333; font-size: 1.1em; display: block; text-align: center; margin-bottom: 10px; margin-top: 5px; } .order-info .invoice_body table{width: 100%; color:#222; border-collapse: inherit;} .order-info .invoice_body table th{border-bottom: 1px dashed #555; padding: 5px 0; vertical-align: middle;} .order-info .invoice_body table .separator {border-bottom: 1px dashed #555; padding-top: 8px;} .order-info .invoice_body table a{ color: #222;} .order-info .invoice_body table a:hover{ color:#555; text-decoration: none; } .order-info .invoice_body .name{width: 60%;} .order-info .invoice_body .quan, .invoice_body .price, .invoice_body .product .price{text-align: center;} .order-info .invoice_body .tooltip:hover span{ display: block; position: absolute; border-radius: 4px; text-align: center; font-size: 11px; padding: 5px 2px; bottom: 100%; top: auto; left: auto; right: 50%; -webkit-transform: translateX(50%); -moz-transforn: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); margin-bottom: 5px; background: #ddd; color: #555; } .order-info .invoice_body .tooltip span:after{ border-color:#ddd transparent transparent transparent;} .order-info .invoice_body .product td{ padding: 8px 0 0 0; vertical-align: top;} .order-info .invoice_footer{margin-top: 20px; margin-bottom: 15px; text-align: center;} .order-info .invoice_footer span{font-size: 1.5em; font-style: italic; color: #555;} .order-info .customer{ float: right; width: 60%;} .order-info .customer h2{ font-weight: normal; font-size: 1.2em; border-bottom: 2px solid #3594BD; margin-bottom: 15px; padding-bottom: 5px; color:#555; } .order-info .customer .delivery p{ border:1px solid #eee; padding: 15px 10px; border-radius: 2px; background: #f7f7f7; color:#444; } .order-info .hist_item{ position: relative;} .order-info .customer .histories ul{ border:1px solid #ddd; width: 100%; margin-bottom: 10px; border-radius:2px; background: #f7f7f7; padding: 0; margin-bottom: 10px; } .order-info .customer .histories ul li{ display: inline-block; height: 40px; line-height: 40px;} .order-info .customer .histories .date{ background: #eee; color:#555; padding: 0 10px; border-right: 1px solid #ddd; margin-right: 5px; } .order-info .customer .histories .history{ float: right; margin-right: 15px;} .order-info .customer .histories .comment{ display: none; width: 100%; background: #f7f7f7; z-index: 10; border:1px solid #ddd; padding: 15px 10px; margin-top: 0px; border-radius:2px; margin-bottom: 15px; } /* Blog / News Module -----------------------------------------------*/ .headlineTitle, .headlineTitle a { font-size: 18px; border-bottom: 3px solid #eee; } .bg { font-size: 12px !important; background: #666; font-weight: bold; color: #fff !important; display: inline-block !important; padding: 2px 4px; margin-top: 10px !important } ul.articleCats { margin-bottom: 20px; } ul.articleCats li { margin-bottom: 5px; } ul.articleCats li a { font-size: 14px; margin-bottom: 5px; display: block; } ul.articleCats li ul li { border-left: 1px solid #ccc; padding: 2px 5px; margin-left: 15px; margin-bottom: 0; } ul.articleCats li ul li a { font-size: 12px; padding-bottom: 0; } /*search in articles*/ #artsearch { background: #eee; padding: 10px; } .searchA { font-size: 20px; font-weight: normal; margin-bottom: 8px; } #artsearch input { height: 25px; width: 180px; } .buttonA { background: #666; color: #fff; border: 1px solid #fff; padding: 8px 14px; } .buttonA:hover { background: #000; text-decoration: none; } .postSide { width: 100%; float: left; margin-bottom: 15px; } .newSideImg { float: left; width: 80px; padding: 2px; border: 1px solid #eee; margin: 0 10px 0 0; } .newSideImg img { max-width: 100%; } .newsTitle { font-size: 16px; } .mar { margin-right: 10px; margin-left: 10px; } .nobord { border: none !important } .content, .buttons { margin-left: 10px; margin-right: 10px; } .hide { position: absolute; top: 100px; width: 100%; height: 50px; background: url('../image/hide.png') repeat-x; } .obertka { text-align: center; border-bottom: #ccc solid 1px; height: 8px; margin: 0 10px 20px; } .expand { height: 18px; padding: 0 .9em; border-width: 1px; border-style: solid; outline: 0; font-weight: normal; font-size: 11px; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff; line-height: 0; } .expand span { color: #000; } #cmswidget-6 .box-heading, #cmswidget-6 .box-content { margin-left: 0; margin-right: 0; } .manufacturer-content a { text-align: center; font-size: 14px; } .manufacturer-content .manufacturer-name { text-align:center; } /* BLOG */ .userBlog .content-records{ display: flex; flex-direction: column; justify-content: flex-end; margin-bottom: 15px; border: 1px solid #ddd; padding: 5px 10px 10px 10px; border-radius: 4px; width: 33%; height: 300px; position: relative; margin-left: 2px; } /* .content-records:nth-child(5n) { width: 66%; } */ #column-left .cmswidget .box-content{ padding: 5px; } #column-left .cmswidget .box-content a{ font-size: 14px; } .userBlog .link-container { position: absolute; display: inline-block; width: 100%; height: 100%; top: 0; left: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)); } .userBlog .link-container:hover { background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0)); } .userBlog .name { margin-bottom: 0; } .userBlog .name a{ font-size: 14px; color: #fff !important; } .userBlog .name a:hover { text-decoration: none; } .userBlog .record_description{ text-align: left; line-height: 20px; color: #fff; margin-bottom: 10px; } .userBlog .blog_bottom { margin-top: 0; } .userBlog .blog_bottom ul{ display: block; text-align: right; float: right; } .userBlog .blog_bottom .ul45 { position: relative; z-index: 5; } .userBlog .blog-data-record { color: #dbdbdb; background: none; } .userBlog .pagination{ width: 100%; margin: 0; } .userBlog .carusel__contant{ margin: 0; } .userBlog .record_columns_center { /* margin-left: 5px; display: flex; flex-wrap: wrap; margin-left: -10px; */ } .userBlog .record_columns_center ul { display: -webkit-box; -webkit-box-pack: justify; display: -webkit-flex; -webkit-justify-content: space-between; display: flex; flex-wrap: wrap; height: auto; align-content: space-between; } .userBlog .record_columns_center li { display: table-cell; text-align: center; position: relative; width: auto; flex-grow: 1; } .userBlog .record_columns_center li > a { display: block; margin: 2.5px 4px 2.5px 0; padding: 6px 25px; border: 1px solid #eee; color: #656565; background: #fcfcfc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; margin-bottom: 5px; } .userBlog .record_columns_center li:hover > a { text-decoration: none; border-color: unset; background: #3594BD; color: #fff; } .article-flex { display: flex; flex-wrap: wrap; } .userBlog .record_columns_center > div{ text-align:left !important; margin-left: 10px; line-height: 20px; } .record_columns_center > div{ } .userBlog .pagination{ margin-bottom: 15px; } .userBlog .blog-viewed-record { background: none; color: #dbdbdb; } .userBlog .blog-comments-record { background: none; padding-left: 5px !important; color: #dbdbdb; } /* FORM */ #sign_box { width:225px; background-color:#fff; border-top: 2px solid #3594BD; border-left: 2px solid #3594BD; border-right: 2px solid #3594BD; border-bottom:2px solid #3594BD; padding:10px 15px; position:fixed; display:none; text-align: center; z-index: 1000; -webkit-box-shadow: 0 3px 7px rgba(0,0,0, .7); box-shadow: 0 3px 7px rgba(0,0,0, .7); -webkit-border-radius: 0 0 2px 2px; border-radius: 8px; } #sign_box input[type="text"], #sign_box input[type="password"] { border: 1px solid #3594BD; /*height: 20px;*/ width: 100%; } #sign_box b{ display: block; text-transform: uppercase; font-weight: normal; } .main_store_link { right:5px; bottom:0px; text-align:right; position:absolute; } .contactForm h1 {margin: 0 0 0 0;} .contactForm table.form {margin-bottom: 0;} .contactForm .content { padding: 0; border: none; margin-bottom: 0; } .contactForm .buttons {margin-bottom: 0;} /*Tiket*/ .tiket .container-list{ overflow-y:auto; width: 100%; } .tiket .header_line input[type="text"]{ float: left; border:1px solid #ddd; border-radius: 2px; margin-right: 5px; border-bottom: 2px solid #ddd; height: 33px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent:5px; width: 200px; color: #555; } .tiket .header_line input[type="text"]:hover, .tiket .header_line input[type="text"]:focus{ border-bottom-color:#3594BD; } .tiket .header_line .btn-tiket, .tiket .header_line .btn-acc{float: right;} .tiket .header_line .btn-acc {margin-right: 10px;} .tiket .list-title {border:1px solid #eee; width: 100%; margin: 15px 0;} .tiket thead{border-bottom: 2px solid #EFEFEF; height: 45px;} .tiket tbody tr:nth-child(even){background: #f7f7f7;} .tiket thead tr td{vertical-align: middle; padding: 5px; background: #f7f7f7; text-align: center; color:#333; border-right:1px solid #EFEFEF;} .tiket thead tr td:last-child, .tiket tbody tr td:last-child{border-right:none;} .tiket tbody tr td{border-right:1px solid #EFEFEF; text-align: center; vertical-align: middle; color:#555; padding: 10px;} /*Tiket form*/ .account_wrap .tiket_form{ background-color: #f7f7f7; padding: 10px; border: 1px solid #eee; border-radius: 4px; font-size: 1.1em; color: #333; } .account_wrap .tiket_form table{width: 100%;} .account_wrap .tiket_form table tr td{padding: 2px;} .account_wrap .tiket_form input[type="text"], .account_wrap .tiket_form textarea, .account_wrap .tiket_form select {width: 100%; border-color:#ddd; border-radius:2px; margin-bottom: 5px;} .account_wrap .tiket_form input[type="text"], .account_wrap .tiket_form select {height: 30px;} .account_wrap .buttons { border:none; margin: 10px 0; padding: 0; text-align: right;} .account_wrap .buttons .btn-cancel, .account_wrap .buttons .btn-submit {display: inline-block;} .account_wrap .buttons .btn-submit input{padding: 5px 12px !important;} /*Login Content*/ .login-content{ margin-bottom: 15px; } .login-content .login-title{font-size: 1.5em; color: #fff; margin-bottom: 15px; text-align: center;} .login-content .login-form, .login-content .login-upl, .login-content .login-form input[type="text"], .login-content .login-form input[type="password"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .login-content .login-form,.login-content .login-upl{ border-radius: 2px; max-width: 420px; width: 100%; padding: 20px 15px; background: #3594BD; margin: 25px auto 15px; -webkit-box-shadow: inset 0 0px 20px rgba(0,0,0, .1); box-shadow: inset 0 0px 20px rgba(0,0,0, .1); } .login-content .login-form span{color:#fff; padding-bottom: 5px; display: inline-block; font-size: 1.1em; } .login-content .login-form input[type="text"], .login-content .login-form input[type="password"]{ width: 100%; height: 30px; background:#2F82A9; border:none; color:#fff; border-radius:2px; } .login-content .login-form input[type="text"]{margin-bottom: 10px;} .login-content .btn-wrap {margin-top: 15px; height:25px;} .login-content .login-form .btn-reg{line-height: 33px;} .login-content .login-form .btn-reg, .login-content .login-form .btn-log{ background: #2F82A9; border:1px solid #328CB5; display: inline-block; border-radius: 4px; color:#f5f5f5; cursor:pointer; font-size: 1em; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; float: right; } .login-content .login-form .btn-reg:hover, .login-content .login-form .btn-log:hover{ text-decoration: none; background: #3085AD; border:1px solid #338EB8; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, .2); box-shadow: inset 0 0 5px rgba(0,0,0, .2); color:rgba(255,255,255, .5); } .login-content .forg{float: left; color:#fff; line-height: 35px;} .login-content .login-upl{text-align: center;} .login-content .login-upl span{ font-size: 1.2em; margin-bottom:15px; display: inline-block; color: #fff; } .login-content .description{ text-align: justify; color: rgb(245, 245, 245); background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; padding: 10px; margin-bottom: 15px; border-radius: 2px; } /*SEO CMS BLOG*/ .blog .htabs{border-bottom: none; margin-top: 15px !important; margin-bottom: 15px !important;} .blog .htabs a{ background: #3594BD; border-left: 1px solid #3594BD; border-right: 1px solid #3594BD; border-bottom: 3px solid #297394; border-top: 1px solid #3594BD; font-weight: normal; border-radius: 2px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .blog .tab-content{ padding: 0; } .blog #tab-review{ border:1px solid #ddd; padding: 15px; border-radius: 4px; } .blog .htabs a:hover{ border-color: #297394; border-bottom-color: #3594BD; background: #297394; } .helper_box li{ width: 49.5%; display:table; margin: 2.5px 1% 2.5px 0; float: left; border-radius:2px; padding: 2px; border:1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .helper_box li:nth-child(even){ margin-right: 0;} .helper_box span { display: table-cell; vertical-align: middle;} .helper_box li .img{ width: 15%; position: relative;} .helper_box li .name{ width: 65%; padding-left: 5px; text-align: left;} .helper_box li .name a{text-decoration: none; color:#333;} .helper_box li .img > .description{text-align: center; display: none; top:20px; position: absolute; z-index: 2; padding: 5px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;left:0; width: 200px; background: #353a3f; border-radius:2px; color:#f9f9f9;} .shortDesc .helper_box li .img > .description { top: 45px; } .product-list .helper_box li .img > .description { top: 35px; } .product-grid .helper_box li .img > .description, .blog-grid .helper_box li .img > .description { top: 25px; } .helper_box li .img > .description:after { content: ''; position: absolute; top: -10px; left: 10px; border: 5px solid; border-color: transparent transparent #353a3f transparent; } .helper_box li:hover .img > .description{ display: block;} .product-thumb .helper_box li .img > .description { left: 0; bottom: auto; } .helper_box li .rating span, .helper_box li .helper-rating span { display: block; float: right; height: 26px; width: 6px; margin: 0 .5px; border-radius: 2px; } .product-grid .helper_box li:nth-last-child(-n+2) .img > .description, .blog-grid .helper_box li:nth-last-child(-n+2) .img > .description { top: auto; bottom: 22px; } .product-grid .helper_box li:nth-last-child(-n+2) .img > .description:after, .blog-grid .helper_box li:nth-last-child(-n+2) .img > .description:after { top: 100%; left: 10px; border-color: #353a3f transparent transparent transparent; } .helper_box li .rating .rating_2, .helper_box li .helper-rating .rating_2 { background: #E43B00; } .helper_box li .rating .rating_3, .helper_box li .helper-rating .rating_3 { background: #EEE835; } .helper_box li .rating .rating_4, .helper_box li .helper-rating .rating_4 { background: #54BBFF; } .helper_box li .rating .rating_5, .helper_box li .helper-rating .rating_5 { background: #A4C700; } /*SEARCH*/ .search_box{ margin-bottom: 15px; text-align: center;} .search_box h2{font-weight: normal; color:#555;} .search_box input[type="text"]{width: 250px;} .search_box input[type="text"], .search_box select {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 29px; padding-top: 0; margin-top: 0; border-color:#3594BD; line-height: 29px; border-radius: 2px; margin-bottom: 10px; } .empty{text-align: center;} /*BLOG LATEST*/ .show_box{display: none;} .blog-latest-heading, .blog-category-box-heading { border-bottom:2px solid #3594BD; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background: #fafafa; height: 35px; line-height: 35px; font-size: 1.2em; color:#777; padding-left: 5px; border-radius: 2px; position: relative; } .blog-category-box, .blog-latest-category-box {margin-bottom: 15px;} .blog-latest-content, .blog-category-content {margin-top: 5px;} .blog-latest-content a, .blog-category-content a{color: #555; border:1px solid #e5e5e5; display: block; padding: 10px 5px; border-radius:2px; background: #FCFCFC; margin-bottom: 5px;} .blog-latest-content a:hover, .blog-category-content a:hover{text-decoration: none; background: #3594BD; border-color:#3087AC; color:#f9f9f9;} .blog-latest-content .lineheight1 {line-height: 0;} .tiket_form input[type="text"]:read-only { background-color: #f0f0f0; } #ticket_upload a { font-size: 16px; } #sh_button { } #rec_product_s a { background: none !important; } #flycart-notification .carusel__nav a { background: none !important; } #flycart-notification .carusel__product .carusel__product_name { height:50px; } #notification .success,#notification .warning,#notification .attention,#notification .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color: #555555; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; width:95%; } #notification .success { background: #EAF7D9 url('../image/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #notification .warning { background: #FFD1D1 url('../image/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #notification .attention { background: #FFF5CC url('../image/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } #notification .success .close, #notification .warning .close, #notification .attention .close, #notification .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; } .product-grid .product_btn, .blog-grid .product_btn { text-align: center; bottom: 0; background: #fff; position: relative; float:left; width:100%; left:0; } .product-list .product_btn { position: relative; top: 100px; text-align: center; } .product_btn .btn, .ctrlenter { border: 1px solid; padding: 5px 10px; line-height: 40px; -webkit-border-radius: 0 0 2px 2px; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; border-radius: 8px; background-color: #00A4E2; color: #ffffff; text-decoration: none; font-size:13px; font-weight:normal; } .product_btn .btn:hover, .ctrlenter:hover { border-color: #297394 #297394 #3594bd #297394; background: #297394; text-decoration: none; } .ctrlenter { display:inline-block; line-height:normal; } .product_btn .btn.tooltip span { line-height: 12px; } #gap { display: none; height: 80px; } .header-phones { min-height:30px; } .cash_pay_info { padding-bottom: 20px; } .cash_pay_info .order_pay_links { padding-right:20px; } .account_info { width:45%; float:left; padding-left:5px; padding-right:5px; } .manager_info { width:45%; float:left; padding-left:5px; padding-right:5px; } .manager_info li { font-size:16px; } #tabsp a { display:none; pointer-events: none; } .geoip-closetext { display:inline; } .vk_like { background: none !important; } #vkwidget0_tt { display:none !important; } #vkwidget1_tt { display:none !important; } #vkwidget2_tt { display:none !important; } #vkwidget3_tt { display:none !important; } #vkwidget4_tt { display:none !important; } #vkwidget5_tt { display:none !important; } #vkwidget6_tt { display:none !important; } #vkwidget7_tt { display:none !important; } #vkwidget8_tt { display:none !important; } #vkwidget9_tt { display:none !important; } #ordercheckw { width: 320px; background-color: #fff; border-top: none; border-left: 2px solid #3594BD; border-right: 2px solid #3594BD; border-bottom: 2px solid #3594BD; padding: 10px 15px; position: fixed; display: none; text-align: center; z-index: 1000; -webkit-box-shadow: 0 3px 7px rgba(0,0,0, .7); box-shadow: 0 3px 7px rgba(0,0,0, .7); -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } #ordercheckw input { width:300px; } .closedialog { position: absolute; right: 10px; top: 10px; cursor: pointer; width: 15px; font-size: 18px; } .register-hidden { display:none; } #mobile-search { display: inline-block; position: relative; width: 90%; } .mobile-menu { /*text-align: right;*/ } #button-mobile-search { position: absolute; right: 5px; margin-top: 12px; cursor: pointer; } #mobile-search input { display: inline-block; padding-left: 5px; width: calc(100% - 140px); height: 30px; float: left; } #mobile-search select { float: left; height: 38px; background: #fff; border: 1px solid #ccc; border-left: none; padding: 3px; color: #000; width: 100px; margin: 0; } .video-wrap { position: relative; overflow: hidden; margin: 15px 0; padding-top: 30px; padding-bottom: 56.25%; } .video-wrap-img { position: relative; overflow: hidden; } .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .row { width:100%; float:left; } .col-sm-6 { width:48%; padding:1%; float:left; } .col-sm-12 { width:96%; padding:1%; float:left; } .cke_show_borders .video-wrap { padding-bottom: 0; } .selected-image { -webkit-box-shadow: 0px 0px 0px 2px #3594BD; -moz-box-shadow: 0px 0px 0px 2px #3594BD; box-shadow: 0px 0px 0px 2px #3594BD; } .blog-record-description a { font-size: 100%; } .product-sticker { color:#ffffff; position:absolute; min-width:100px; height:20px; padding-top:2px; padding-left:5px; padding-right:5px; text-align:left; font-size: 16px; font-weight: bold; left:0; opacity:0.8; } .product-sticker img { margin-left: 0; } .stickers-block { position: absolute; top: 0; left: 0; width:100%; } .qtip { max-width:500px !important; } .qtip-content { overflow:scroll; line-height: 1.2; } .qtip-close { right: 0 !important; top: 0 !important; } .product-sticker .fa { padding-right:5px; } a[name] { padding-top: 100px; margin-top: -100px; display: inline-block; /* required for webkit browsers */ } @font-face { font-family: 'Intro Bold Caps'; src: url('../fonts/Intro-Bold-Caps.otf'); font-display: swap; } .partner-alert { color: #000000; font-size: 15px; margin-top: 0; margin-bottom: 5px; font-family: 'Intro Bold Caps',Tahoma,Geneva,sans-serif; } .partner-alert a { font-size: 15px; font-family: 'Intro Bold Caps',Tahoma,Geneva,sans-serif; } .w100p { width:100%; } .search_ajax_class .price { color: #808080 !important; } .search_ajax_class { height: 450px; overflow-y: scroll; } .alldescription { width:100%; float:left; } .alldescription h2.block-h2 { text-align: center; background:#f0f0f0; padding-top:10px; padding-bottom:10px; font-size: 20px; } .header-tel-link { color: #333 !important; font-size:14px !important; } .no-arrow { background: none !important; } .product-grid .product-thumb, .blog-grid .product-thumb { min-height:490px; } .record-thumb .name { font-weight:bold; text-align: center; } .record-thumb .price { height:0; margin: 0; min-height: 0; } .record-thumb { padding: 0 !important; } .product-thumb .attributes { width:100%; text-align: center; margin-top:5px; margin-bottom:5px; } .product-thumb .attributes table { width:90%; margin:0 auto; } .product-thumb .attributes table td { border:1px solid #f0f0f0; } .product-list .left { margin-right: 215px; } .product-list .product-thumb .name { margin-left: 200px; } .product-list .product-thumb .description { margin-left: 200px; } .product-list .product-thumb .attributes { margin-left: 200px; width:auto; } .record-block { width:100%; float:Left; padding-left:10px; height:230px; padding-bottom:20px !important; } .record-block .record-thumb { position:relative; border: 1px solid #E3E3E3; margin-bottom: 10px; border-radius: 2px; min-height:auto; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: 100% auto; display:table; height:230px; cursor:pointer; transition: background-size 0.5s; background-color:#e0e0e0; } .record-block .record-thumb:hover { background-size: 150% auto; } .record-block .record-thumb .name { /* background: #000000; */ transition: background 0.5s; /* opacity: 0.4; */ height:230px; vertical-align: middle; width:100%; display:table-cell; position:relative; z-index:2; } .record-block .record-thumb:hover .name { background: #404040; opacity: 0.8; } .record-block .record-thumb .name a { font-size:20px; color:#ffffff; padding:5px; } .record-block .record-thumb .name a:hover { text-decoration: none; } .record-block .owl-controls .owl-buttons a.flex-next { background-position: 100% 0; } .record-block .owl-controls .owl-buttons a { width: 30px; height: 30px; margin: 0; display: block; background: url(../image/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; } .grid2_50 { width: 48% !important; margin-right: 1%; float: left; clear: none !important; } .grid2_50:nth-last-child(1) { margin-left:0; } .grid2_30 { width: 31.8% !important; margin-right: 1%; float: left; clear: none !important; } .grid2_30:nth-last-child(1) { margin-right:0; } .grid2_100 { width: 98% !important; margin-right: 1%; float: left; clear: none !important; } .grid2_100:nth-last-child(1) { margin-right:0; } .record-block .owl-controls { position:absolute; top:30%; width:100%; } .record-block .owl-controls .owl-buttons div { color: #ffffff; display: inline-block; zoom: 1; margin: 5px; padding: 5px; font-size: 28px; background: none; opacity:1; text-indent: initial; } .record-block .owl-controls .owl-buttons div.owl-prev { float:left; } .record-block .owl-controls .owl-buttons div.owl-next { float:right; padding-right:10px; } .record-block .owl-controls .owl-page span { background: #ffffff; } .product-container2 .product-list > div.product-thumb { height:auto; } .zatemn { width: 100%; height: 100%; position: absolute; background-color: #000000; opacity:0.4; top:0; left:0; z-index:1; } #sh_button { display:none !important; } .product-thumb .helper_box { width: 100%; margin-top: 5px; margin-bottom: 5px; overflow: hidden; } .product-thumb .helper_box li { width:100%; } .product-thumb .helper_box li .helper-rating span { height:6px; } .product-thumb .helper_box li .name { height: 20px; } .product-thumb .helper_box li img { height: 20px; } .product-thumb .helper_box li .helper-rating { display:inline-block; float: none; } .product-list .product-thumb .helper_box { margin-left: 200px; width:auto; } .qtip { background-color: #404040 !important; } .qtip-content p { color:#ffffff; font-size:13px; } .qtip-light { background-color: #fff; border-color: #404040 !important; color: #454545; border-radius:2px; min-height:30px; } .qtip-content { color:#f0f0f0; font-size:13px; } #select_city_product { border-bottom: 1px dashed #000000; cursor: pointer; } a.button_color2 { background: #199e55 !important; border-top: 1px solid #199e55 !important; border-left: 1px solid #199e55 !important; border-bottom: 2px solid #137b42 !important; border-right: 1px solid #199e55 !important; } #column-left-mobile { width:100%; float:none; } .simple_num { padding-right:10px; } .simplecheckout-megaheader { text-align: center; } .collapsible { max-height:150px; overflow: auto; padding-left:5px; padding-right:5px; overflow-x:hidden; } .no-min-height { max-height:none !important; } .icon_menu{ height: 25px; filter: grayscale(100%); margin-right: 10px; } a.colorbox { outline: none; } .as_h1 { font-weight: bold; color: #3594BD; font-size: 32px; text-shadow: 0 0 1px rgba(0, 0, 0, .01); margin: 0 10px 20px 0; } .container_reviews .success, .container_reviews .warning { width:320px; background-color: #3087AC !important; color:#ffffff; font-size:16px; border:solid 1px #5ea0c1; padding:8px; position:fixed; top:50%; text-align: center; left:50%; z-index: 1000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* WISHLIST */ .wishlist-info thead{ display: none; } .wishlist-info table tr td a img{ border: none!important; } .wishlist-info tr{ border-bottom: 1px solid #dedede!important; } .wishlist-info td{ vertical-align: middle!important; padding: 5px!important; padding-bottom: 10px!important; } .buttons { border: none!important; } .buttons .right a:not(.bt) { background-color: #1ea3d2; border-radius: 3px; font-weight: bolder; color: #fff; padding-left: 30px; padding-right: 30px; border: none!important; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .buttons .right a:hover{ background-color: #1794c0; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .buttons .left a{ background-color: #1ea3d2; border-radius: 3px; font-weight: bolder; color: #fff; border: none!important; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .buttons .left a:hover{ background-color: #1794c0; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .wishlist-info .model{ font-weight: bolder; color: #616161; } .wishlist-info .action img{ filter: grayscale(100%); opacity: 0.8; padding-bottom: 3px; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .wishlist-info .action img:hover{ filter: grayscale(0%); opacity: 1; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .wishlist-info .action a:hover{ text-decoration: none; } .wishlist-info .name a{ -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } .wishlist-info .name a:hover{ color: #1ea3d2; text-decoration: none; -webkit-transition: all 0.3s ease;; -moz-transition: all 0.3s ease;; -o-transition: all 0.3s ease;; } /* END WISHLIST */ #aboutStore .toggle { float: left; padding: 10px; cursor: pointer; } .cheapest { border: 1px solid #eee; background: rgba(0,0,0,.03); width: 230px; text-align: center; border-radius: 2px; float: none; padding: 5px 10px; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .cheapest .price-new, .cheapest .price-old, .cheapest a { font-size:15px !important; color: #ff3516 !important; } h1, .contentset, legend, .checkout-heading, .welcome { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif; font-size: 19px; } h2 { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif !important; font-size: 19px; } h3 { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif !important; font-size: 16px; } h4 { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif; font-size: 16px; } .blackandwhite img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(desaturate.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); opacity:0.3; } .product-grid .image img { height: 277px; width: 277px; } .discount_description, .discount_description a { color:#ff4040; background:rgba(0,0,0,.03); font-size:19px; } .discount_description p { margin-bottom: 0; } .discount_description_num { display:inline; } .discount_description_num + p { display:inline; } .product-description .discount_description a { text-decoration: underline; } .product-reviewdesc {} .product-reviewdesc .md-block-children a { max-width: 300px; display: flex; align-items: center; justify-content: center; flex-flow: column; } .product-reviewdesc .md-block-children a img { width: 100%; } .md-faq-question { padding: 20px; background-color: #faf7f0; } .md-faq-avatar { width: 98px; } .md-faq-avatar img { max-width: 100%; padding: 0 !important; } .md-faq-date { margin-top: 5px;} .md-faq-text { margin: 20px 0; font-size: 110%; } .md-faq-answer-icon { padding-right: 0px; margin-left: 20px; margin-top: -5px; } .md-faq-answer-tree { padding: 20px 20px 20px 60px; } .md-btn-review { cursor: pointer; color: #FFFFFF !important; line-height: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; position: relative; background: #3594BD; border-top: 1px solid #3594BD !important; border-left: 1px solid #3594BD !important; border-bottom: 2px solid #297394 !important; border-right: 1px solid #3594BD !important; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; -webkit-transition: ease 0.5s; -o-transition: ease 0.5s; transition: ease 0.5s; } .md-mt-20 { margin-top: 20px; } .colors { width:100%; float:left; height:28px; } .colors a { float:left; margin-right:3px; } .colors .color-square { width: 20px; height: 20px; border-radius: 20px; border:1px solid #e0e0e0; } .select-color { display: inline; margin-left: 14px; margin-right: 5px; margin-top: 2px; float: left; } .right_sticker { position: absolute; top: 0; right: 0; } .status_name3 { color: black; height: 15px; margin-left: auto; margin-right: auto; } .link-block { height: 100%; } .link-block a { display: block; height: 100%; text-decoration: none; } .rating i { display: inline-block; width: 14px; height: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' viewBox='0 0 14.563 12' version='1.1' width='14.563' height='12'%3E%3Cpath d='M6.607.417L5.074 3.52l-3.43.5a.75.75 0 0 0-.416 1.279L3.71 7.713l-.587 3.41a.75.75 0 0 0 1.09.79l3.068-1.61 3.07 1.61c.544.285 1.194-.174 1.089-.79l-.587-3.41 2.482-2.414a.75.75 0 0 0-.416-1.28L9.49 3.52 7.954.417a.753.753 0 0 0-1.348 0z' fill='%23e5b52f'/%3E%3C/svg%3E"); } .rating[data-rating="0"] i, .rating[data-rating="1"] i:nth-child(1) ~ i, .rating[data-rating="2"] i:nth-child(2) ~ i, .rating[data-rating="3"] i:nth-child(3) ~ i, .rating[data-rating="4"] i:nth-child(4) ~ i, .rating[data-rating="5"] i:nth-child(5) ~ i, .rating[data-rating="0.5"] i:nth-child(1) ~ i, .rating[data-rating="1.5"] i:nth-child(2) ~ i, .rating[data-rating="2.5"] i:nth-child(3) ~ i, .rating[data-rating="3.5"] i:nth-child(4) ~ i, .rating[data-rating="4.5"] i:nth-child(5) ~ i { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' role='img' viewBox='0 0 14.563 12' version='1.1' width='14.563' height='12'%3E%3Cpath d='M12.92 4.02l-3.432-.5L7.955.417a.753.753 0 0 0-1.348 0L5.074 3.52l-3.43.5a.75.75 0 0 0-.416 1.279L3.71 7.713l-.587 3.41a.75.75 0 0 0 1.09.79l3.068-1.61 3.07 1.61c.544.285 1.194-.174 1.089-.79l-.587-3.41 2.482-2.414a.75.75 0 0 0-.416-1.28zM9.642 7.318l.557 3.243-2.919-1.53-2.918 1.53.556-3.243-2.362-2.297L5.82 4.55l1.46-2.953 1.46 2.953 3.265.473z' fill='%23e5b52f'/%3E%3C/svg%3E"); } .rating[data-rating="0.5"] i:nth-child(1), .rating[data-rating="1.5"] i:nth-child(2), .rating[data-rating="2.5"] i:nth-child(3), .rating[data-rating="3.5"] i:nth-child(4), .rating[data-rating="4.5"] i:nth-child(5) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' role='img' viewBox='0 0 14.563 12' version='1.1' width='14.563' height='12'%3E%3Cpath d='M12.92 4.02l-3.431-.5L7.956.417A.746.746 0 0 0 7.28 0a.74.74 0 0 0-.672.417L5.074 3.52l-3.43.5a.75.75 0 0 0-.416 1.279l2.481 2.414-.587 3.41a.752.752 0 0 0 1.09.79l3.069-1.61 3.068 1.61a.751.751 0 0 0 1.09-.79l-.587-3.41L13.335 5.3a.75.75 0 0 0-.416-1.28zm-2.854 2.887l-.425.413.1.583.458 2.66-2.394-1.257-.524-.275V1.597l1.197 2.42.262.531.586.086 2.677.39z' fill='%23e5b52f'/%3E%3C/svg%3E"); } .masked.filterpro { overflow: visible !important; } .review .raw-rating { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif; font-size: 12px; vertical-align: 2px; } .product-thumb .raw-rating { font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: 1px; } .dealer-link { text-align: center; margin-bottom: 10px; } .dealer-link a { display: inline-block; padding: 10px 25px; background-color: #f0f0f0; font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif; font-size: 19px; text-decoration: underline; } .dealer-link a:hover { text-decoration: none; } .simplecheckout-methods-table select { width: 100%; } .contact-cities-block-city { width: 48%; display: inline-block; } #quiz-controls { background: #2ecc71 !important; border-radius: 20px !important; color: #fff !important; font-size: 16px !important; padding: 20px !important; } .quiz-container .answers a.incorrect { background: #e74c3c !important; } .quiz-container .answers a { display: block !important; border-radius: 10px !important; padding: 15px !important; margin: 10px 0 !important; font-size: 16px !important; } .quiz-container #quiz-buttons a { background: #fff !important; border-radius: 30px !important; box-shadow: 0 0 10px rgba(0,0,0,0.1) !important; padding: 15px 40px !important; color: #00adee !important; } .quiz-container .answers a.correct { background: #27ae60 !important; } #quiz-header h1{ display: none; } .question-container { font-size: 24px !important; margin: 60px 0 !important; } .sdm-img1 img { float: right; } .sdm-p1 { margin-left: 57px; font-size: 16px; margin-top: 10px; margin-bottom: 20px; } .md-block-container-sdm { max-width: 870px; margin-left: 57px; } .md-block-children1-sdm { max-width: 370px; margin-right: 60px; display: inline-block; } .md-block-children2-sdm { max-width: 360px; display: inline-block; } .checkout-help { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif; font-size: 13px; text-align: right; color: #636E75; } .thumbimages { display: flex; position: absolute; width: 100%; height: 100%; top: 0; } .product-thumb.grid_9 .thumbimages { display: none; } .ih { display: flex; flex: 1 1 auto; } .dots { height: 10px; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex; position: absolute; bottom: 0; left: 0; visibility: visible; } .dot { border-radius: 100%; background: #1ea3d2; width: 6px; height: 6px; margin: 0 2px; } .dot.y { background: #15171a; } .right .description { border: 1px solid; padding: 5px; border-radius: 5px; border-color: #cccccc; background-color: aliceblue; } .last-review-inner { border: 1px solid; padding: 5px !important; border-radius: 5px; border-color: #cccccc; background-color: aliceblue !important; } .right .short_description { border: 1px solid; padding: 5px; border-radius: 5px; border-color: #cccccc; background-color: aliceblue; } /* product.tpl */ .product-info .review { float: none; display: inline-block; width: auto; } .product-info .btnGrup { float: none; } .product-info .btnGrup + .btnGrupTow { margin-left: 0; } .specialBox { border: none; } .product-info .rightInfo { border: 1px solid #ccc; padding: 10px 10px 5px 10px; left: 45%; position: relative; margin-bottom: 10px; } .product-info .right { right: 28%; position: relative; } .product-info .rightInfo .btnGrup { margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 10px; } .product-info .price { font-family: 'Intro Bold Caps', Tahoma, Geneva, sans-serif;; } .product-info .price-new { color: #000; } #button-cart { color: #fff; cursor: pointer; } .cheap { text-align: center; } .cheap { margin: 5px 0; } .cheap a { color: #3594BD; } .cheap a:hover { text-decoration: underline !important; color: #3594BD !important; } .product-info .rightInfo .shipping-methods .titleMetods { font-weight: bold; } .last-review { position: relative; width: 100%; margin-top:10px; line-height:1.35; } .last-review-inner { padding: 10px; margin-bottom: 10px; overflow: hidden; background-color: #e9f8ff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .alldescription { line-height:1.35; } .qtip span { background-color: #404040 !important; color: #ffffff } .dotted-line { display: inline-block !important; zoom: 1; width: 100% !important; margin: 0 -100% 0 0; vertical-align: baseline; border-bottom: 1px dotted #ccc; } .attributes-list li div { width:49%; overflow:hidden; display:inline-block; } .calc-dost-mobile { display:none; cursor:pointer; } .short_description { overflow:hidden; margin-top:10px; line-height:1.35; } #option-alert { color:red; font-size:15px; } .shipping_product_body td { padding-top:10px; padding-left:3px; padding-right:3px; border-bottom:1px solid #e0e0e0; } .shipping-methods h4 a { color: #3594BD !important; } .shipping-methods h4 a:focus { outline-color: #f0f0f0; } .product-info .short_description { text-align: justify; } .product-info .last-review { text-align: justify; } .product-info .reward { position: relative; } .product-info .reward > .reward-popup { text-align: center; display: none; position: absolute; bottom: -55px; left: 20px; z-index: 2; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 200px; background: #353a3f; border-radius: 2px; color:#f9f9f9; } .product-info .reward > .reward-popup:after { content: ''; position: absolute; top: -10px; left:10px; border:5px solid; border-color: transparent transparent #353a3f transparent; } .product-info .reward:hover .reward-popup { display: block; } .product-info .review .svg-inline--fa { color: #e5b521; vertical-align: baseline; font-size: 12px; } .product_all_attributes { } .product_all_reviews { float:left; display:block; margin-top:5px; } .product_read_description { float:left; display:block; margin-top:5px; } .for_attrubutes_link { } .wraper_serach input:focus { outline:none; } /* product.tpl */ a.record-title { font-size:16px; color:#000000; font-weight:bold; } .content-records .name { padding-top:30px; } .cart_payment_discount { font-weight:bold; color: rgba(53, 92, 191, 0.7); } #mobile-humburger { border-bottom: 2px solid #1794c0; background-color: #1ea3d2; } .menuDevices select { color: #fff; border-bottom:2px solid #1794c0; background-color:#1ea3d2; } h2.block2-h2 { text-align: center; background: #f0f0f0; padding-top: 10px; padding-bottom: 10px; width:100%; } #tab-accessories { display: flex; flex-wrap: wrap; justify-content: center; clear: both; } #tab-accessories img { width: 100%; } .flex-product { align-items: center; display: flex; flex: 1 1 0; flex-direction: column; text-align: center; max-width: 200px; padding: 5px; margin: 5px; border: 1px solid #e3e3e3; border-radius: 3px; } .flex-product .product_btn { text-align: center; } .flex-product .price { color: #000000; font-size: 16px; font-weight: bold; margin: 6px 5px 0 5px; min-height: 15px; text-align: center; } .flex-product .price-old { color: #F00; text-decoration: line-through; } .accessory-image { padding-bottom: 5px; } .flex-product .name { flex-grow: 1; } #tab-recipes, #tab-rec { clear: both; } /* Start recipe */ .recipe-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; align-items: start; } .flex-recipe { width: 180px; padding: 10px; } .flex-recipe .recipe-image { display: block; position: relative; margin: 0 0 10px 0; width: 100%; border-radius: 25px; overflow: hidden; } .pos-abs { position: relative; padding: 10px; } .flex-sticker { padding: 4px 12px; margin-bottom: 5px; color: #fff; background: rgb(17, 190, 255); opacity: 0.8; font-family: 'Montserrat', Tahoma, Geneva, sans-serif; font-weight: 600; font-size: 12px; border-radius: 18px; min-width: 0; height: auto; } .more-hide { display: none; } .more { color: #3594BD; cursor: pointer; } .more:hover { text-decoration: underline; } .btn-signer { width: 160px; color: #fff !important; } .btn-review { width: 160px; color: #fff !important; margin-right: 30px; margin-bottom: 5px; } .comment_reply.comment_buttons { padding: 7px 15px 7px 15px; border: 1px solid #ddd; background: #eee url('../image/ui-bg_highlight-soft_100_eeeeee_1x100.png') 50% top repeat-x; color: #000; font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; border-radius: 4px; } #review-scroll { font-size: 13px; } #qa-scroll { font-size: 13px; } #cartpopup { display: inline-flex !important; flex-direction: column; justify-content: space-between; min-height: 632px !important; } .search-select { height:30px; padding-left: 0; padding-right: 20px; margin-left: -3px; } .search-input { width: 300px !important; padding-right: 0 !important; } .cartrelated-wrapper { display: flex; padding: 10px 0; width: 100%; height: 100%; justify-content: center; align-items: center; } .circles .circle { border-radius: 50%; width: 11px; height: 11px; padding: 1px; background: #fff; border: 1px solid #787878; color: #787878; text-align: center; font-size: 11px; display: inline-block; vertical-align: middle; border-width: thin; margin-left: 5px; } .circles .circle:hover { background: #3594BD; color: #fff; } .circles .circle > .description { font-size: 11px; position: relative; z-index: 2; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; border-radius: 2px; color: #f9f9f9; left: 22px; top: -25px; box-shadow: 1px 1px 3px 1px rgba(0,0,0,.3); transition: all 0.1s ease 0.2s; color: #454545; -webkit-border-top-left-radius: 0; opacity: 0; visibility: hidden; width: 200px; text-align: left; } .circles .circle:hover > .description { visibility: visible; opacity: 1; transition: 0s; } .circles .circle > .description:after, .circles .circle > .description:before { content: ''; position: absolute; left: 0; top: 18px; width: 0; height: 0; border: 8px solid transparent; border-right-color: #ffffff; border-left: 0; margin-top: -8px; margin-left: -8px; } .circles .circle > .description:before { left: -10px; border: 10px solid transparent; margin-top: -10px; margin-left: -10px; border-right-color: #e1e1e1; } .best-answer { padding: 10px; margin-bottom: 15px; border: 1px solid #1794c0; box-shadow: 0 0 0 3px rgba(0,144,237,.2); } .best-answer-text { margin-left: 45px; margin-bottom: 5px; color: #1794c0; font-weight: 600; } .simplecheckout-proceed-payment { font-size:18px !important; } @font-face { font-family: 'Intro Regular'; src: url('../fonts/Intro-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Intro Book'; src: url('../fonts/Intro-Book.woff2') format('woff2'); font-weight: normal; font-style: normal; } #book-up { position: fixed; bottom: 50px; right: 20px; padding: 5px; cursor: pointer; z-index: 502; } .banner-book { position: sticky; bottom: 0; padding: 0 20px; overflow: hidden; background: linear-gradient(180deg, #EFFBFF 0%, #C8F1FF 100%); display: grid; grid-template-rows: 1fr; transition: grid-template-rows 0.5s; z-index: 1000; } .banner-book.closed { grid-template-rows: 0fr; top: 100%; height: 0; } .btn-close { position: absolute; right: 0; top: 0; padding: 20px; cursor: pointer; } .btn-close:before { content: url('../image/icons/button-close.svg'); width: 26px; height: 26px; } .book-wrapper { display: flex; max-width: 465px; margin: 35px auto; overflow: hidden; } .book-header { display: flex; flex-flow: row; align-items: flex-start; } .book-header img { margin-right: 20px; } .book-header2 { color: #272727; font-family: 'Intro Regular', Tahoma, Geneva, sans-serif; font-size: 22px; margin-bottom: 10px; padding-right: 20px; } .book-header3 { color: #272727; font-family: 'Intro Book', Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: 400; margin-bottom: 20px; } #form8 label { display: block; margin-bottom: 5px; color: #212529; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: 400; cursor: default; } #form8 input[type="text"], #form8 select { width: 100%; height: 40px; box-sizing: border-box; padding: 11px 12px; color: #8C8C8C; font-family: Verdana, Tahoma, Geneva, sans-serif; } .book-group { margin-bottom: 10px; } .book-group a { color: #272727; text-decoration: underline; } .book-group a:hover { text-decoration: none; } .button-large { width: 100%; height: 40px; border-radius: 3px; background: #1FA3D2; padding: 7px 24px; border: none; color: #fff; text-align: center; font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 16px; font-weight: 700; cursor: pointer; } .button-large:hover { background-color: #1794c0; } .book-success { display: flex; max-width: 465px; color: #272727; font-family: 'Intro Regular', Tahoma, Geneva, sans-serif; font-size: 20px; gap: 20px; margin: 35px auto; } #goog-gt-tt, .goog-te-gadget { display: none !important; } .goog-te-banner-frame { display: none !important; } header .strip { display: flex; justify-content: space-between; } .language_btn { position: relative; color: rgba(255,255,255,.9); padding-right: 20px; padding-left: 10px; border: none; cursor: pointer; } .language_btn:hover { background-color: rgba(0,0,0,.2); color: #fff; } .language_btn:after { content: ''; border: 5px solid; border-color: rgba(255,255,255,.8) transparent transparent transparent; position: absolute; top: 8px; right: 4px; -webkit-transition: ease .2s; -o-transition: ease .2s; transition: ease .2s; } #glanguage { position: relative; margin: 0; color: rgba(255,255,255,.9); line-height: 21px; background-color: rgba(0,0,0,.09); border-radius: 4px; border: 1px solid rgba(0,0,0,.05); text-align: center; transition: ease .3s; font-size: 13px; z-index: 999; } #glanguage:hover { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #glanguage:hover .language_block { display: block; } .language_block { display: none; position: absolute; border: 1px solid rgba(0,0,0,.07); width: auto; background-color: #2A7697; border-radius: 0 0 4px 4px; margin-left: -1px; left: 0; } .language_block span:hover { color: rgba(0,0,0,.7); } .language_block span { display: block; padding: 7px 10px; border: none; text-align: left; cursor: pointer; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s; } .language_block span+span { border-top: 1px solid rgba(0,0,0,.2); } #l-box { width: 180px; background-color: #fff; position: absolute; border-top: none; border-left: 2px solid #3594BD; border-right: 2px solid #3594BD; border-bottom: 2px solid #3594BD; padding: 5px 15px; display: none; text-align: center; z-index: 998; -webkit-box-shadow: 0 3px 7px rgba(0,0,0, .7); box-shadow: 0 3px 7px rgba(0,0,0, .7); -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; top: 0; left: 50px;; line-height: 20px; } #l-box .icon-left { position: absolute; top: 0; left: 0; padding: 5px; } #l-box .content { text-align: left; } #l-box .box-header { margin-top: 6px; margin-bottom: 10px; text-align: center; font-weight: bold; } .text-center { text-align: center; } #dealers { margin-top: -20px; } #dealers #dealer-map { height: 600px; background: #fefefe; } #dealers .p0 { padding: 0; } #dealers .dealers-menu { min-height: 600px; padding: 15px 5px 15px 15px; border-right: 1px solid #eee; background: #fefefe; } #dealers .dealers-menu .country { margin-bottom: 20px; } #dealers .dealers-menu .country .country-title { font-size: 15px; font-weight: bold; color: #242324; } #dealers .dealers-menu .country .country-wrap { position: relative; margin-top: 15px; margin-right: -5px; margin-bottom: 5px; margin-left: -15px; padding: 15px; color: #242324; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f0f0f0; } #dealers .dealers-menu .country .country-wrap:before { position: absolute; z-index: 1; top: -20px; left: 25px; content: ''; border: 10px solid; border-color: transparent transparent #f0f0f0 transparent; } #dealers .dealers-menu .country .country-wrap a { font-size: 14px; display: block; color: #555; } #dealers .dealers-menu .country .country-wrap a:hover { color: #242324; } #dealers .dealers-menu .dealers_country { font-size: 14px; font-weight: bold; color: #75c5f0; } #dealers .dealers-menu .dealers_country .name { border-bottom: 1px dotted #75c5f0; } #dealers .dealers-menu .dealers_country .name:hover { color: #242324; border-bottom-color: #242324; } a.dealers_city { font-weight: bold; } #dealers .dealers-menu .item { margin-bottom: 10px; } #dealers .dealers-menu .info-block { position: relative; display: none; margin-top: 15px; margin-right: -5px; margin-bottom: 5px; margin-left: -15px; padding: 15px; color: #242324; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f0f0f0; } .dealer { background: #fff !important; margin-right: -15px !important; border-top: none !important; } #dealers .dealers-menu .info-block.open { display: block; } #dealers .dealers-menu .info-block:before { position: absolute; z-index: 1; top: -20px; left: 25px; content: ''; border: 10px solid; border-color: transparent transparent #f0f0f0 transparent; } #dealers .dealers-menu .info-block:after { position: absolute; top: -20px; left: 25px; content: ''; border: 10px solid; border-color: transparent transparent #eee transparent; } #dealers .dealers-menu .info-block .store { margin-bottom: 5px; } #dealers .dealers-menu .info-block .store .name { font-size: 14px; font-weight: bold; line-height: 13px; } #dealers .dealers-menu .info-block .store .web { font-size: 11px; font-style: italic; color: #656565; } #dealers .dealers-menu .info-block .address { font-size: 13px; line-height: 14px; margin-bottom: 10px; } #dealers .dealers-menu .info-block .address .glyphicon { font-size: 11px; color: #444; } #dealers .dealers-menu .info-block .phone { margin-bottom: 10px; } #dealers .dealers-menu .info-block .phone a { font-size: 13px; display: inline-block; margin-left: 5px; color: #555; border-bottom: 1px dotted #999; } #dealers .dealers-menu .info-block p { margin-bottom: 0; } #dealers #map { position: relative; } #dealers #map:before { position: absolute; z-index: 1; top: 0; bottom: 0; left: -3px; width: 2px; content: ''; box-shadow: 3px 0 3px 0 rgba(0,0,0,.2); } .preloader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; background: #fff; z-index: 1001; } .preloader__image { position: relative; top: calc(50% - 150px); left: calc(50% - 130px); width: 256px; height: 256px; background: url('https://madeindream.com/image/preloader.gif') no-repeat; background-size: contain; /* Добавьте это свойство */ } .loaded_hiding .preloader { transition: 0.3s opacity; opacity: 0; } .loaded .preloader { display: none; } .ui-menu-item-autocomplete:last-child { margin-bottom: 5px; } .expert-tile { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 18px 25px 30px !important; border-right: 1px solid #eeefef; background-color: #f5f5f5; } .product-list .expert-tile{ min-height: 350px; } .product-list .expert-tile .experts { position: relative; height: 108px; margin: 20px auto; width: 30%; } .product-list .expert-tile .title { font-weight: 600; font-size: 30px; margin-bottom: 20px; line-height: 111.02%; text-align: center; } .product-list .expert-tile span { font-weight: 400; font-size: 20px; line-height: 111.02%; text-align: center !important; } .product-grid .expert-tile{ /*min-height: 377px; */ margin-bottom: 10px; } .product-grid .expert-tile .experts { position: relative; height: 108px; margin: 40px 0; } .product-grid .expert-tile .title { font-weight: 600; font-size: 26px; margin-bottom: 20px; line-height: 111.02%; } .product-grid .expert-tile span { font-weight: 400; font-size: 20px; line-height: 111.02%; text-align: left !important; } .expert-tile .experts .left { left: 0; background-image: url(/image/icons/expert-left.png); } .expert-tile .experts .center { width: 100px; height: 100px; background-image: url(/image/icons/expert-center.png); outline: 4px solid #f5f5f5; left: 50%; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; z-index: 1; } .expert-tile .experts .right1 { right: 0; background-image: url(/image/icons/expert-right.png); } .expert-tile .experts .left, .expert-tile .experts .right1 { width: 90px; height: 90px; z-index: 0; } .expert-tile .experts div { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; background-position: 50%; background-color: #fff; background-repeat: no-repeat; } .expert-tile .tg { background-color: #08c; margin: 0 auto 12px; } .expert-tile .wa { background-color: #00BF2B; margin: 0 auto 12px; } .expert-tile .ct { background-color: #08c; margin: 0 auto 12px; } .expert-tile .wa svg, .expert-tile .ct svg { margin-left: 7px !important; } .expert-tile a { width: 183px; height: 40px; -webkit-border-radius: 33px; -moz-border-radius: 33px; border-radius: 33px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; font-size: 18px; line-height: 18px; } .bt, #simpleregister_button_confirm { position: relative; display: inline-flex; flex: 0 0 auto; flex-direction: row; justify-content: center; align-items: center; align-self: center; gap: 6px; padding: 9px 14px; line-height: 20px; font-family: 'Inter', Arial, sans-serif; font-weight: 500; font-size: 16px; text-align: center; margin: 0; border-radius: 6px; text-decoration: none; overflow: hidden; cursor: pointer; vertical-align: middle; outline: none; } .bt:hover { text-decoration: none; } .bt-default { border: 1px solid #d0d1d0; background-color: #e7e8e7; color: #212529; } a.bt-default:visited { color: #212529; } .bt-primary { border: 1px solid #1ea3d2; background-color: #1ea3d2; color: #fff; } a.bt-primary:visited { color: #fff; } .bt-default:hover { background-color: #d0d1d0; } .bt-primary:hover { background-color: #1195C3; } .bt-thin { font-size: 14px; padding: 5px 10px; } .bt i { display: flex; align-items: center; min-height: 20px; } .modern-text,.modern-text a { display: inline-block; margin-bottom: 0.5em; font-family: 'Inter', Arial, sans-serif; font-size: 16px; /* cursor: default; */ } .user svg { margin: 0px 10px; } .img-thumbnails-cicle { display: inline-block; max-width: 100%; height: auto; padding: .2rem !important; margin-bottom: 1rem; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 50%; box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2); } .user a { color: #000; font-weight: bold; } /* Start modal */ .modal-content { top: 50%; left: 50%; position: fixed; width: 100%; max-width: 300px; transform: translate(-50%, -50%); display: block; } /* End modal */ /* Start table nice */ .table-nice-round { width: 100%; border: none; margin-bottom: 20px; border-collapse: separate; } .table-nice-round thead th { font-weight: bold; text-align: left; border: none; padding: 10px 15px; background: #EDEDED; font-size: 14px; border-top: 1px solid #ddd; } .table-nice-round tr th:first-child, .table-nice-round tr td:first-child { border-left: 1px solid #ddd; } .table-nice-round tr th:last-child, .table-nice-round tr td:last-child { border-right: 1px solid #ddd; } .table-nice-round thead tr th:first-child { border-radius: 20px 0 0 0; } .table-nice-round thead tr th:last-child { border-radius: 0 20px 0 0; } .table-nice-round tbody td { text-align: left; border: none; padding: 10px 15px; font-size: 14px; vertical-align: top; } .table-nice-round tbody tr:nth-child(even) { background: #F8F8F8; } .table-nice-round tbody tr:last-child td{ border-bottom: 1px solid #ddd; } .table-nice-round tbody tr:last-child td:first-child { border-radius: 0 0 0 20px; } .table-nice-round tbody tr:last-child td:last-child { border-radius: 0 0 20px 0; } .form-control { margin: 6px 0px; display: block; width: 100% !important; padding: .2rem .6rem !important; font-size: 0.8rem; font-weight: 400 !important; line-height: 1.5 !important; color: #333 !important; appearance: none !important; background-color: white !important; background-clip: padding-box !important; border: 1px solid #d0d1d0 !important; border-radius: 4px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important; box-sizing: border-box; max-width: 570px; } .form-control:focus, .form-select:focus { color: #333; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-select { display: block; width: 100%; box-sizing: border-box; max-width: 570px; padding: 4px 10px 4px 10px; /* font-size: 16px; */ font-family: 'Inter', Arial, sans-serif; font-weight: 400; /* line-height: 1.5; */ color: #171716; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23171716' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 8px center; background-size: 16px 12px; border: 1px solid #d0d1d0; border-radius: 4px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-label { display: inline-block; margin-bottom: 0.5em; font-family: 'Inter', Arial, sans-serif; font-size: 16px; color: #171716; cursor: default; } .mb-3 { margin-bottom: 1rem !important; } .row-flex *, .row-flex *:before, .row-flex *:after { box-sizing: border-box; } .buttons-row { display: flex; flex-wrap: wrap; gap: 10px; } .files-block { margin-bottom: 10px; max-width: 570px; } .files-block label { display: block; position: relative; width: 100%; min-width: 170px; padding: 7px 30px 7px 14px; font-family: 'Inter', Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #171716; background-color: #fff; border: 1px solid #d0d1d0; border-radius: 8px; box-sizing: border-box; overflow: hidden; } .files-block label i { display: flex; align-items: center; position: absolute; top: 0; right: 0; height: 100%; padding: 0 8px; background: #fff; } .files-block label span { display: block; white-space: nowrap; width: 100px; } .files-block > input[type="file"] { display: none; } .form-full input, .form-full select, .form-full textarea { max-width: 100% !important; } .files-block > input[type="file"] { opacity: 0; position: absolute; z-index: -1; } #telegram_subscribe { padding-top:10px; display: flex; align-items: center; justify-content: start; flex-wrap: wrap; gap: 15px; } #telegram_subscribe p, #telegram_subscribe a, .telegramlink { margin: 0; width:100%; } #telegram_subscribe a { text-align: center; } #telegram_subscribe a .telegramlink { width: 80%; } /*Email warning styles */ .email-check-warning { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; padding: 8px 12px; border-radius: 4px; font-size: 14px; margin-top: 5px; } .email-check-warning a { color: #721c24; text-decoration: underline; font-weight: bold; } .email-check-warning a:hover { color: #491217; } /* Стили для уведомления об успешной авторизации в форме комментариев, обзоров, вопросов */ .comment-login-success-notification { /*position: fixed;*/ /*top: 20px;*/ /*right: 20px;*/ background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 10px 20px; border-radius: 8px; font-family: 'Inter', Arial, sans-serif; font-size: 16px; font-weight: 500; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 10000; opacity: 0; transform: translateX(100%); transition: all 0.3s ease-in-out; max-width: 300px; } .comment-login-success-notification.show { opacity: 1; transform: translateX(0); } .comment-login-success-notification .icon { display: inline-block; margin-right: 10px; color: #28a745; font-size: 18px; } .comment-images { padding: 10px 0; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } /* ========== MIN-WIDTH QUERIES ========== */ @media (min-width: 1280px) { #menu { width: 1200px; } } @media (min-width: 1024px) { .bg-mobile { display: none; } .bg-desktop { display: block; } } @media (min-width: 981px) { .product-info .btnGrupTow { max-width: 300px; } .new_product .product-info .btnGrupTow { max-width: none; } } @media (min-width: 769px) { #simplecheckout_customer .simplecheckout-block-content { min-height: 235px; } } @media (min-width: 761px) { #menu { /*overflow: hidden;*/ } #menu .search { position: absolute; top: 0; right: 0; bottom: 0; } } /* ========== MAX-WIDTH QUERIES ========== */ @media (max-width: 1290px) { .product-filter .product-compare { display: none; } } @media (max-width: 1280px) { .cat_menu { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; } .refine .refine_item { display: inline-block; width: 49.7%; } .refine .refine_item:nth-child(even) a { margin-right: 0; } .refine .refine_item:nth-child(even) .recom { left: auto; right: 0; } #menu { width: 960px; } #menu .search { width: 5% !important; } .product-info .rightInfo { left: 32%; } .product-info .right { right: 33%; width: 300px; margin-left: 0; } .helper_box li { width: 100%; } } @media (max-width: 1024px) { .bg-desktop { display: none; } .bg-mobile { display: block; } .schema-container, #content .product-info { overflow: hidden; } .schema-container .schema-map, .schema-container .schema-table-container { width: 100%; } .contact-cities-block-city { width: 100%; } } @media (max-width: 982px) { .grid2_50, .grid2_30, .grid2_100 { width: 100% !important; margin-right: 0; } .record-block { width: auto; margin-right: 10px; position: relative; } .record-block.owl-carousel { width: auto; } .record-block .name { margin: 0; position: absolute !important; top: 40%; } .record-block .record-thumb { display: none; } .record-block .flex-direction-nav .flex-prev { margin-left: 10px; } } @media (max-width: 980px) { #menu .sub_cat { display: none !important; } .cat_menu { -moz-column-count: 3 !important; -webkit-column-count: 3 !important; column-count: 3 !important; } #menu .junior_category .jun_wrap .recom { display: none !important; } #menu { width: 720px; } #menu .main_category { width: 40%; } #menu .junior_category { width: 60%; } #menu .catecory_wrap a { font-size: 1em !important; } #menu .catecory_wrap { font-size: .9em !important; } #menu .junior_category ul li { width: 100% !important; } #menu .jun_image, #menu .jun_main .jun_desc { display: none !important; } #menu .search { width: 8% !important; } #menu .scroll_mf { overflow: auto; height: 500px; } #menu .manufact_item { width: 48%; margin-top: 0; } #menu .manufact_item a { margin: 5px 0 0 0; } .product-thumb .helper_box li .img > .description { bottom: auto !important; top: -10px !important; left: 500%; width: 180px; } .product-thumb .helper_box li .img > .description:after { border: 5px solid transparent; border-right-color: #353a3f; border-left: 0; margin-top: -5px; left: 0; top: 20px; margin-left: -5px; } .helper_box li .img { width: 10%; text-align: center; } .product-info .right .btnGrupTow { text-align: center; float: none !important; } .product-info .right { right: 0; width: 100%; } .product-info .rightInfo { border: none !important; padding: 0 !important; left: 0 !important; margin-bottom: 20px; } .helper_box li { width: 49.5%; } .attribute-name { font-weight: bold; } .attributes-list li div:first-child { width: 60%; } .attributes-list li div:last-child { width: 30%; } .short_description { display: none; } .calc-dost-mobile { display: block; } } @media (max-width: 768px) { .simple_num { visibility: hidden; } .comment-login-success-notification { max-width: none; font-size: 14px; padding: 12px 15px; } } @media (max-width: 760px) { #menu { display: block; line-height: var(--mm-line-height); width: 80%; } #gap { display: none !important; height: 0 !important; } #tabsp a { display: inline !important; } .success { width: 270px !important; padding: 0 !important; text-align: center !important; font-size: .9em; } #notification .success { width: 100% !important; } .image_success { display: none !important; } .brendMenu span { display: block; margin-bottom: 5px; text-align: left; } .youwatched { display: none !important; } .header-phones { min-height: 0; } .product_btn .btn { display: block; padding: 8px; margin: 15px 20px; line-height: unset; border: unset; max-width: 120px; } .product_btn .btn:not(:first-child) { display: none; } .account_info { width: 100%; } .manager_info { width: 100%; margin-top: 20px; } .order_list { margin-top: 20px; } .blog-latest-content, .blog-category-content { display: none; } .show_box { position: absolute; right: 10px; display: block; width: 20px; height: 20px; cursor: pointer; top: 50%; margin-top: -10px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAJFBMVEX///93d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3frM4qoAAAAC3RSTlMAESJVZneZu8zd7usAyPsAAAA1SURBVHgBYxisgIUZwYABRi5uCIeVmwOhkgkoChbjZGRAE0WIIUTZEGIIUbAYuig7WGzgAQDPpAEFGzIv4gAAAABJRU5ErkJggg==); background-position: 0 0; border: 1px solid transparent; } .show_box.active, .show_box:hover { border: 1px solid #f5f5f5; background-color: rgba(0,0,0,.08); border-radius: 4px; -webkit-transition: transform .5s ease-in-out; -webkit-transition: transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; } .show_box.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .comment-images { overflow: auto; white-space: nowrap; } #social_link { top: 145px; } #book-up img { width: 90px; } .book-success { padding-right: 30px; max-width: none; } .circles .circle > .description { left: -220px; } } @media (max-width: 700px) { .qtip { max-width: 70% !important; } } @media (max-width: 680px) { .flex-recipe { width: 44%; } } @media (max-width: 650px) { .userBlog .content-records { width: 48%; margin-left: 7px; } } @media (max-width: 640px) { .tooltip-info:after { max-width: 80px; } .refine .refine_item { margin: 0 0 2.5px 0; width: 100%; display: block; padding: 0; } .refine .refine_item > a { margin: 0 !important; } .product-filter .limit { display: none; } } @media (max-width: 600px) { .userBlog .content-records { min-width: 300px; margin: 4px auto; } } @media (max-width: 520px) { .sdm-img1 { text-align: center; } .sdm-img1 img { float: none; transform: rotate(90deg); } .sdm-p1 { margin-left: 10px; } .md-block-container-sdm { margin-left: 10px; } .md-block-children1-sdm { max-width: 90%; margin-right: 10px; } .md-block-children2-sdm { max-width: 90%; margin-right: 10px; } } @media (max-width: 480px) { .product-filter b { display: none; } .product-filter .sort { padding: 0; } .product-filter .sort select { margin-left: 0; width: auto; } .product-filter .display b { display: none; } .wishlist-info td { padding: 2px 2px 2px 0; } .wishlist-info td.image { display: none; } .wishlist-info td.action { text-align: center; } .wishlist-info td.action a { display: block; } .wishlist-info thead td.action { white-space: nowrap; overflow: hidden; width: 25px; text-overflow: ellipsis; display: block; } .helper_box li { width: 100%; } .buttons-mob .left { display: none; } } @media (max-width: 450px) { .btn-review { margin-right: 0; } } @media (max-width: 380px) { .product-thumb .helper_box li .img > .description { bottom: auto; top: -10px; left: 350%; } .flex-recipe { width: 100%; } } @media (max-width: 360px) { .login-content .forg { display: block; float: none; clear: both; text-align: right; } } @media (max-width: 320px) { .md-block-children img { max-width: 90%; } .md-children img { float: none !important; } } @media screen and (max-height: 720px) { .main_cat { margin-bottom: 0; } .sub_cat { margin-top: -5px; margin-bottom: 5px; } .cat_menu { padding-bottom: 10px; padding-top: 10px; } }