.iziToast-capsule {
font-size: 0;
height: 0;
max-height: 1000px;
width: 100%;
transform: translateZ(0);
backface-visibility: hidden;
transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.iziToast {
display: inline-block;
clear: both;
position: relative;
font-family: 'Roboto', arial;
font-size: 17px;
padding: 8px 50px 9px 0;
background: #0BA4C5;
min-height: 54px;
color: #0BA4C5;
width: 100%;
pointer-events: all;
cursor: default;
transform: translateX(0);
-webkit-touch-callout: none ;
-webkit-user-select: none ;
-khtml-user-select: none ;
-moz-user-select: none ;
-ms-user-select: none ;
user-select: none;
}
.iziToast > .iziToast-progressbar {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
background: #000;
}
.iziToast > .iziToast-progressbar > div {
height: 2px;
width: 100%;
background: #000;
border-radius: 0;
}
.iziToast.iziToast-balloon:before {
content: '';
position: absolute;
right: 8px;
left: auto;
width: 0px;
height: 0px;
top: 100%;
border-right: 0px solid transparent;
border-left: 15px solid transparent;
border-top: 10px solid #000;
border-top-color: inherit;
border-radius: 0;
}
.iziToast.iziToast-balloon .iziToast-progressbar {
top: 0;
bottom: auto;
}
.iziToast.iziToast-balloon > div {
border-radius: 0;
}
.iziToast > .iziToast-cover {
position: absolute;
z-index: 99999;
left: 0;
bottom: 0px;
height: 100px;
margin: 0;
background-size: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.iziToast > .iziToast-close {
position: absolute;
right: 0;
top: 0;
border: 0;
padding: 0;
opacity: 0.6;
width: 42px;
height: 100%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 8px;
cursor: pointer;
outline: none;
}
.iziToast > .iziToast-close:hover {
opacity: 1;
}
.iziToast > .iziToast-body {
position: relative;
padding: 0 0 0 10px;
height: 100%;
min-height: 36px;
margin: 0 0 0 16px;
}
.iziToast > .iziToast-body::after {
content: "";
display: table;
clear: both;
}
.iziToast > .iziToast-body > .iziToast-buttons {
min-height: 17px;
display: inline-block;
margin: 0 -2px;
}
.iziToast > .iziToast-body > .iziToast-buttons > button,
.iziToast > .iziToast-body > .iziToast-buttons > a {
display: inline-block;
margin: 6px 2px;
border-radius: 50px;
border: 0;
padding: 5px 15px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.02em;
cursor: pointer;
background: #9EB357;
color: #FFF;
box-shadow: 0px 2px 0px 0px #6c7a3c;
}
.iziToast > .iziToast-body > .iziToast-buttons > button:hover,
.iziToast > .iziToast-body > .iziToast-buttons > a:hover {
background: #9EB357;
}
.iziToast > .iziToast-body > .iziToast-icon {
height: 100%;
position: absolute;
left: 0;
top: 50%;
display: table;
font-size: 23px;
line-height: 24px;
margin-top: -12px;
color: #000;
}
.iziToast > .iziToast-body > .iziToast-icon.ico-info {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAL1QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAguN3MAAAAD50Uk5TAAECAwQJChATFBsiJigpKiswMTY5SExdYmZocHF3gIWLkZSdn6Gpqqyws7y9wMrNz9DU5OXm7O/09/r7/P576NJaAAABQUlEQVRYw+3X507DQBBGUadAeu+k917s9GQz7/9YoASDQzy7swMSCPn+zncU70qWbBiysuPNZpw12JVO8NapxN3HDnDtEGMCTXivyQRmNjBjAqYNmL8CRCpTYQNiWolozhODM9x1HiQ05tGegIdEL0rdF3fg2q5ImvtbF0C6tPzqva8Lkro+JdAGaW3VvgaKavJ98qgCjknZPrAAZYuABCgDobLkBiwKYOE3UQBSBRQY0YAReoR7GrDHjjEHxHIIUKcCdQToUIEOAgypwBAB5lRgjgArKrBSvYVVmR7gAR7w3wGLClju+waQa3xz7ypo7V0Ezf2DoL3/IjD2d0IaWKU/gAwPyPwcEH5hFTb+eHHnv40zgLzzvPIM4Nnx1SKeOM/Q/wT6rEMIre39OsQ7xtTytl+muBcRrE6220k1KPvNK+p25cd3vT+OAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body > .iziToast-icon.ico-warning {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDNEMzQ3Q0M5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDNEMzQ3Q0I5NzA2MTFFNkEyNDU4OEU1RkRBRDkzREQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMWRjNjc0NS0yZDRmLWQyNDctODczZS02Yjk4NjgzNTU0NWIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDFkYzY3NDUtMmQ0Zi1kMjQ3LTg3M2UtNmI5ODY4MzU1NDViIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+pK1ECgAABPFJREFUeNrsW0lrFEEUrqqeRB0j0QQiRiJojDsYXIIbLnhQEBdQBC9uFw+JeBAUQfSiqH/C5SfoVVRQXPAgKCoal6BoXNBoMIjo2OX3pkudJD2dmpmq7p6e+aBmmunprldfffXq1etqLqVkUYPz1B76ljJzLnJboiaEcz6aM9GdJYS5M2DPjyjtEZHLg4lOfLR4JXtcuQqBOuqhjpc4bFA/9UEl02BTf0UqRDBxOIcMQoP6rfIUAnU0Qx3PcJgecuo7VNIGu3orSiFQwnEfMghpda5yFAJ1zIA6HuEwlecvGahkLmzrTjwhIEOAjAc4nDvCX8nBtsK+rwkfMs4uDTL+OthDiVZIThDWonkJOdjpsPFdQhXyLwjTBTnYY4lUiE8QpgtysLNh5/NEKcQnCNNFCteeSJRCAoIwXcBKdxFsvZcIhQQEYfqcMn4qEQrRCML0ZcLEWil/XS1rhaBnT5ogw7uXPF3WQwbq6MDnNnN3lIs5T20t2yEjuIC8+Zr/kneLVMagfnuq1jm/y0ohnNesyyXDIGYi/N9TVgrhBCZoimwf7BSNKITwVoX0P8pEIc6OoWT8bVgxxQeTYfp+K6aTQkwWoAaNeIEiNQoWbc5OXDMRZQKOt9DiT/PaPqrLuP3mCRH7NRv0AX9u8iE0jXMPde5BdcWaEKCOGqrZmH3575NaXQCpdSbbYNiHiIPU63r/da8ELHBv4+OXxk2aVJ3xm2UwrzSR76Ae0wvD3TFBs4TgznvlW0bCgEo1fozVLIMF3FFdMgyjTtUdH4VAHVOhjic4rNVfqBlTCOEn7jcL9+uJhUJUAqeWRYdaU0kkYUAd7dDYDhYxyAayJXpCvMQNZ9HDSBJJlGZBDRZvfD2LDfh6z6aoCAkhYRO2TaJ4dVCiRnaw2EF2lJJEEsWRwVPoiZMspiDbyMYQFeLs9RI1scVMZaP9wAzMp9UzlubSpkmjgZkfetXGm++WFSIOlEpGSGhWttpTCNTRoJ7P1pceSFlXCKFfbeLrs6IQhMdHTJChMDHIaeNrvIE66pXN5ocMjGyBlrrMKdpZGXByIcooQyF9F9muf4F2Jkmc1cxi6ZZXqH6cT9bN4cy5Y7Iust1oChGYgxtnDBNC5THuvYp5jzpJrQtAxk0L9WSoDTpt1XKqgouLGDSbLM4I5FzpSdxYixHsJVe6m0ueZTD+loHhmywBwIyzHO29VZJThYTPsIRApy1ihAXcRvC6giUGcoXXpiKGjNpgex+H8yxa+A21n2DMpU0wP9E/yzljxw0EZEF4iKEzH+12C5p2aYOtBW+fW76gklafGa0R53ps1k1tK2japaCI4gS7RonOgM7YYLkzKAYaVcCTu+wG2yl2x7N7Of+539fUNGwLU/K9vTXMh6gNtvQErtHyFNiCut/kT0CJAVPhex58Vk/8+gNnGbXhvtG+x3eWBJxst0xG1lf5vVwwSCHomUnoGdpCnbZPCHupvP3AEHXQWuYGNLQ0BBuGvVwghqjjWEhkEKaB/LsgYFV2iNA0zzmtZa6HRAZh2MsF/xQCY9rUYivFwkcIa5m8oJcLaOH3bJBChJdui4IMwuiIyCCkRE6qMasQKBZBmDzPKhhgYbeUmQtcBWHd9uOO2OM1vWrvUGYarGxnVdRjwHyhDbafwok7ygKfubeuqEI7Y1ZpEFUKqoRUCSkEfwQYALtKyHv0Xn99AAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body > .iziToast-icon.ico-error {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAG9AAABvQG676d5AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAORQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgEmT/QAAAEt0Uk5TAAEDBQYLEBUYGxwyNTZAQkVGTVRVVldYWVpiY2Rpa3BydX+Bh4qPmZuio6SoqbCys7a6u76/wsPExcrNztLY293e4+bx8vX3+/3+EVs5KAAAAsdJREFUWMOtl2l76UAUgE8oUarUVlpqqa3XUtSulBRF/v//qZs5kwySmPPcO1+SzJk3yZx9AByGL5avNPqLzWbRb1TyMR+Qhvr0/qOfjJ/3J1WWvsmN9rrN2A9zNxK4klnpjmOVUa7xD5+66/h8cMVvP/Sr4+PWmb/7FlfuVuNWtVgo19vzgzj/fefEPwqaXzfTfsEqyZomWOTRXnuv1pJu1Hsu9iQmlvzVRpfKH1M8i9j/YbhnLnm7fIP5fc3FVNk1X1W62D+XDF0dLjjAZYf4mf65/mpeVzsHv/iHtqET+6P9di8gyR+3GhAE3H8IvK53BP/l/0/hdf3etCD6/1By/1+oySk3VwY3pUrywSBaM4Xxj/GbkeWP/sBulyw/5ND/FGkeAH0yZ8hG7CFC4CHMnkZGpLH81aXwACyy9n/V9sxEURIPCTbxfLztsPj3knjwaNyZfCwKmjQeoMZyiw9iTJgm8pBkkzHIsyjyE3lQWZ7MQ4UlfCoPMDemK9AwrmMyD21jvgF949oi81A3BH1YGNcqmYeyIVnAxrgWyTwUDNEGX1Ag81DEF7AtlMk8VHELTIl1Mg8tVCIzY5vMwxjNyBxpTuZhhY7EXPmgUnn/Dl0ZgylJ5CHNgwnDuUbkocnDGROK5qHx3rVZnTClJUg8RK2Uhkl1QuKhayVVntbDFD4ipHVeWHoEXpmJhYWXtqw0z6spljb+uA7K8qp2UlzN8j6Q5L3Ds/JuNhhyPJYEocGwWhwp/uWyxTGbLCl+Z9NkWW3e1f3XbNs8odEcuL5AHTo0mkKru866nGY0x1YXlDdTC72wg//O3JptUErWsWKS8FxsPto1xYeSfT8V3wqNbC0pZDl/urm2ZNu40x5DmugPh3m7Xi4Uq63xaifOayFnJQc61w9dnYCrne+n7vj0/urBM7V0xpepqwfPfz/6/ofDN+34/wtfWqtteombTwAAAABJRU5ErkJggg==) no-repeat 50% 50%;
background-size: 80%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body > .iziToast-icon.ico-check {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAItAAACLQHlZp/kAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAD9QTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAxQXeHgAAABR0Uk5TAAMGCCAhIiNVV1lboaTb4OHi4/zOYgETAAAAuklEQVRYhe2VyxbCIAxEg+K7FZX8/7e6EFqPp6VhZuEms793EZJBxOP5d3YkH+9njk+aLxyvmq8crzqQ/Bicd975OXuSv6UTx2d9GQwtXg2G9fkNqgZDY/5hNBia71cMzyPIGwyb+7NhMOxf02Da34bBuP/F8DiA/Kqh4/4WDV33u2DovP9qiCA/GVIE+R8D1F9fBrD/JgPcn9WA928xEP09G9D+rwb4/ygGnP8YGF4kjBwvEkje4+nMG2DWH9EwoSnuAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 85%;
width: 24px;
height: 24px;
}
.iziToast > .iziToast-body > strong {
padding: 0 10px 0 0;
margin: 10px 0 -10px 0;
line-height: 16px;
font-size: 14px;
float: left;
color: #fff;
font-weight: 800;
}
.iziToast > .iziToast-body > p {
color: #FFF;
padding: 0;
margin: 10px 0;
font-size: 16px;
line-height: 16px;
text-align: left;
float: left;
}
.iziToast.iziToast-animateInside p,
.iziToast.iziToast-animateInside strong,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-buttons * {
opacity: 0;
}
.iziToast-target {
position: relative;
width: 100%;
margin: 0 auto;
}
.iziToast-target .iziToast-capsule {
overflow: hidden;
}
.iziToast-target .iziToast-capsule:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.iziToast-target .iziToast-capsule .iziToast {
width: 100%;
float: left;
}
.iziToast-wrapper {
position: fixed;
width: 100%;
pointer-events: none;
display: flex;
flex-direction: column;
}
.iziToast-wrapper .iziToast.iziToast-balloon:before {
border-right: 0 solid transparent;
border-left: 15px solid transparent;
border-top: 10px solid #0BA4C5;
border-top-color: inherit;
right: 8px;
left: auto;
}
.iziToast-wrapper-bottomLeft {
left: 0;
bottom: 0;
}
.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
border-right: 15px solid transparent;
border-left: 0 solid transparent;
right: auto;
left: 8px;
}
.iziToast-wrapper-bottomRight {
right: 0;
bottom: 0;
text-align: right;
}
.iziToast-wrapper-topLeft {
left: 0;
top: 0;
}
.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
border-right: 15px solid transparent;
border-left: 0 solid transparent;
right: auto;
left: 8px;
}
.iziToast-wrapper-topRight {
top: 0;
right: 0;
text-align: right;
}
.iziToast-wrapper-topCenter {
top: 0;
left: 0;
right: 0;
text-align: center;
}
.iziToast-wrapper-bottomCenter {
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.iziToast-wrapper-center {
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
justify-content: center;
flex-flow: column;
align-items: center;
}
.iziToast-rtl {
direction: rtl;
padding: 8px 0 9px 50px;
}
.iziToast-rtl .iziToast-cover {
left: auto;
right: 0;
}
.iziToast-rtl .iziToast-close {
right: auto;
left: 0;
}
.iziToast-rtl .iziToast-body {
padding: 0 10px 0 0;
margin: 0 16px 0 0;
}
.iziToast-rtl .iziToast-body strong {
padding: 0 0 0 10px;
}
.iziToast-rtl .iziToast-body strong,
.iziToast-rtl .iziToast-body p {
float: right;
}
.iziToast-rtl .iziToast-body .iziToast-icon {
left: auto;
right: 0;
}
@media only screen and (min-width: 568px) {
.iziToast-wrapper {
padding: 10px 15px;
}
.iziToast-cover {
border-radius: 0px;
}
.iziToast {
margin: 5px 0;
border-radius: 0px;
width: auto;
}
.iziToast::after {
content: '';
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px; }
.iziToast.iziToast-color-dark::after { }
.iziToast.iziToast-balloon .iziToast-progressbar {
background: transparent;
}
.iziToast.iziToast-balloon::after { }
.iziToast-target .iziToast::after { }
}
.iziToast.iziToast-color-dark {
background: #565c70;
border-color: #565c70;
}
.iziToast.iziToast-color-dark strong {
color: #fff;
}
.iziToast.iziToast-color-dark p {
color: #FFF;
font-weight: 300;
}
.iziToast.iziToast-color-dark .iziToast-close {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat 50% 50%;
background-size: 8px;
}
.iziToast.iziToast-color-dark .iziToast-icon {
color: #fff;
}
.iziToast.iziToast-color-dark strong {
font-weight: 500;
}
.iziToast.iziToast-color-dark .iziToast-buttons button,
.iziToast.iziToast-color-dark .iziToast-buttons a {
color: #fff;
background: rgba(255,255,255,0.1);
}
.iziToast.iziToast-color-dark .iziToast-buttons button:hover,
.iziToast.iziToast-color-dark .iziToast-buttons a:hover {
background: rgba(255,255,255,0.2);
}
.iziToast.iziToast-color-red {
background: rgba(243,186,189,0.9);
border-color: rgba(243,186,189,0.9);
}
.iziToast.iziToast-color-yellow {
background: rgba(243,237,172,0.9);
border-color: rgba(243,237,172,0.9);
}
.iziToast.iziToast-color-blue {
background: rgba(181,225,249,0.9);
border-color: rgba(181,225,249,0.9);
}
.iziToast.iziToast-color-green {
background: rgba(180,241,196,0.9);
border-color: rgba(180,241,196,0.9);
}
.iziToast.iziToast-layout2 .iziToast-body > p {
width: 100%;
}
.revealIn {
-webkit-animation: revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
-moz-animation: revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
animation: revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
}
@-webkit-keyframes revealIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 1);
}
100% {
opacity: 1;
}
}
@-moz-keyframes revealIn {
0% {
opacity: 0;
-moz-transform: scale3d(0.3, 0.3, 1);
}
100% {
opacity: 1;
}
}
.slideIn {
-webkit-animation: slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
-moz-animation: slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
animation: slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}
@-webkit-keyframes slideIn {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideIn {
0% {
opacity: 0;
-moz-transform: translateX(50px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation: bounceInLeft 0.7s ease-in-out both;
animation: bounceInLeft 0.7s ease-in-out both;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(280px);
}
50% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
70% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation: bounceInRight 0.85s ease-in-out both;
animation: bounceInRight 0.85s ease-in-out both;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-280px);
}
50% {
opacity: 1;
-webkit-transform: translateX(20px);
}
70% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
.bounceInDown {
-webkit-animation: bounceInDown 0.7s ease-in-out both;
animation: bounceInDown 0.7s ease-in-out both;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
50% {
opacity: 1;
-webkit-transform: translateY(10px);
}
70% {
-webkit-transform: translateY(-5px);
}
100% {
-webkit-transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation: bounceInUp 0.7s ease-in-out both;
animation: bounceInUp 0.7s ease-in-out both;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
}
50% {
opacity: 1;
-webkit-transform: translateY(-10px);
}
70% {
-webkit-transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
}
}
.fadeIn {
-webkit-animation: fadeIn 0.5s ease both;
animation: fadeIn 0.5s ease both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeInUp {
-webkit-animation: fadeInUp 0.7s ease both;
animation: fadeInUp 0.7s ease both;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation: fadeInDown 0.7s ease both;
animation: fadeInDown 0.7s ease both;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation: fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
animation: fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation: fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
animation: fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.flipInX {
-webkit-animation: flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
animation: flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.fadeOut {
-webkit-animation: fadeOut 0.7s ease both;
animation: fadeOut 0.7s ease both;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOutDown {
-webkit-animation: fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
animation: fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutUp {
-webkit-animation: fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
animation: fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutLeft {
-webkit-animation: fadeOutLeft 0.5s ease both;
animation: fadeOutLeft 0.5s ease both;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
.fadeOutRight {
-webkit-animation: fadeOutRight 0.5s ease both;
animation: fadeOutRight 0.5s ease both;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
.flipOutX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation: flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
animation: flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-moz-keyframes revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
100% {
opacity: 1;
}
}
@-webkit-keyframes revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
100% {
opacity: 1;
}
}
@-o-keyframes revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
100% {
opacity: 1;
}
}
@keyframes revealIn {
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 1);
}
100% {
opacity: 1;
}
}
@-moz-keyframes slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-o-keyframes slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideIn {
0% {
opacity: 0;
transform: translateX(50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(280px);
}
50% {
opacity: 1;
transform: translateX(-20px);
}
70% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(-280px);
}
50% {
opacity: 1;
transform: translateX(20px);
}
70% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
50% {
opacity: 1;
transform: translateY(10px);
}
70% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
50% {
opacity: 1;
transform: translateY(-10px);
}
70% {
transform: translateY(5px);
}
100% {
transform: translateY(0);
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(300px, 0, 0);
transform: translate3d(300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-o-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(-300px, 0, 0);
transform: translate3d(-300px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-o-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-o-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-moz-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-o-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-o-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-200px, 0, 0);
transform: translate3d(-200px, 0, 0);
}
}
@-moz-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-o-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0);
}
}
@-moz-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}@import url("https://fonts.googleapis.com/css?family=Sacramento&subset=latin-ext");
p {
line-height: 1.5em;
}
p strong {
line-height: 1.7em;
}
#et-top-navigation {
width: 100%;
text-align: center;
padding-top: 0px !important;
}
#et_top_search {
display: none;
}
#logo {
margin-top: 10px;
}
.top-menu-nav {
width: 100%;
padding: 20px 0px;
}
.et_pb_button:hover:after {
right: 15px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
font-size: 12px;
}
.m22_cloud:hover:after {
top: 20px !important;
}
.nav {
text-align: center;
float: none !important;
}
.logo_helper {
display: none !important;
}
#top-menu li {
padding: 0;
}
#top-menu > li:last-child a {
color: #5e5f5f;
}
.b22gal {
box-shadow: 0px 2px 0px 0px #6c7a3c !important;
}
.top-menu {
display: block;
}
.top-menu li {
width: 95px;
height: 95px;
margin: 0 -2px;
padding: 0px;
position: relative;
text-align: center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
}
.m22_content li:after, .m22_content li:before {
display: none;
}
.single-post .et_post_meta_wrapper {
display: none;
}
.m22_content .esg-grid .mainul {
padding: 0 !important;
}
.m22_content .esg-grid .mainul li {
position: absolute !important;
}
.top-menu li a {
padding-top: 50px;
padding-bottom: 44px !important;
}
.top-menu li:hover, .top-menu li.current-menu-item {
z-index: 2;
}
.top-menu li.current-menu-item > a {
color: #FFF !important;
}
.top-menu li:nth-child(1), .menu22nav li:nth-child(1) {
background: #9eb357;
}
.top-menu li:hover:nth-child(1), .top-menu li:nth-child(1).current-menu-item {
-webkit-transform: rotate(-10deg) translateY(0);
-moz-transform: rotate(-10deg) translateY(0);
-o-transform: rotate(-10deg) translateY(0);
-ms-transform: rotate(-10deg) translateY(0);
transform: rotate(-10deg) translateY(0);
}
.top-menu li:nth-child(2), .menu22nav li:nth-child(2) {
background: #f8adad;
}
.top-menu li:hover:nth-child(2), .top-menu li:nth-child(2).current-menu-item {
-webkit-transform: rotate(-10deg) translateY(0);
-moz-transform: rotate(-10deg) translateY(0);
-o-transform: rotate(-10deg) translateY(0);
-ms-transform: rotate(-10deg) translateY(0);
transform: rotate(-10deg) translateY(0);
}
.top-menu li:nth-child(3), .menu22nav li:nth-child(3) {
background: #0ba4c5;
}
.top-menu li:hover:nth-child(3), .top-menu li:nth-child(3).current-menu-item {
-webkit-transform: rotate(5deg) translateY(0);
-moz-transform: rotate(5deg) translateY(0);
-o-transform: rotate(5deg) translateY(0);
-ms-transform: rotate(5deg) translateY(0);
transform: rotate(5deg) translateY(0);
}
.top-menu li:nth-child(4), .menu22nav li:nth-child(4) {
background: #edc65c;
}
.top-menu li:hover:nth-child(4), .top-menu li:nth-child(4).current-menu-item {
-webkit-transform: rotate(-5deg) translateY(0);
-moz-transform: rotate(-5deg) translateY(0);
-o-transform: rotate(-5deg) translateY(0);
-ms-transform: rotate(-5deg) translateY(0);
transform: rotate(-5deg) translateY(0);
}
.top-menu li:nth-child(5), .menu22nav li:nth-child(5) {
background: #b35760;
}
.top-menu li:hover:nth-child(5), .top-menu li:nth-child(5).current-menu-item {
-webkit-transform: rotate(-10deg) translateY(0);
-moz-transform: rotate(-10deg) translateY(0);
-o-transform: rotate(-10deg) translateY(0);
-ms-transform: rotate(-10deg) translateY(0);
transform: rotate(-10deg) translateY(0);
}
.top-menu li:nth-child(6), .menu22nav li:nth-child(6) {
background: #dedede;
}
.top-menu li:nth-child(6) > a {
color: #5e5f5f;
}
.related.products h2 {
display: none !important;
}                 #top-menu {
float: none !important;
}
.et_menu_container {
padding-top: 25px;
padding-bottom: 25px;
}
#et-top-navigation {
text-align: center;
padding-left: 0 !important;
}
.sub-menu {
float: right;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
margin: 0 auto;
}
.et_pb_fullwidth_header_0 .header-content .et_pb_fullwidth_header_subhead {
line-height: 50px !important;
}
.sub {
border-top: 0px;
background: transparent;
padding: 0;
box-shadow: none;
width: auto;
}
.sub li a {
width: auto;
padding: 0px;
}
.sub li {
padding: 0px;
padding-top: 50px;
}   .sub li a { color: white !important;
padding-bottom: 44px !important;
padding-top: 44px !important;
}
.sub li:nth-child(odd) { }
.sub li:nth-child(even) { }
.sub li:nth-child(5) {
background: #9eb357;
}
.sub li:nth-child(4) {
background: #f8adad;
}
.sub li:nth-child(3) {
background: #0ba4c5;
}
.sub li:nth-child(2) {
background: #edc65c;
}
.sub li:nth-child(1) {
background: #b35760;
}
.sub-menu {
position: absolute;
display: none;
}
.sub {
display: none;
position: absolute;
}
.nav li ul li {
display: block;
}
nav#top-menu-nav {
float: none;
}
.wpml-ls-legacy-list-horizontal a.wpml-ls-item-toggle::after {
display: none;
}
.wpml-ls-legacy-list-horizontal > ul, #lang_sel_list ul ul {
width: 150px;
right: 0;
top: 5px;
float: right;
} .m22-row {
width: 100%;
height: 70vh;
background: url(//www.proamericana.sk/wp-content/uploads/2016/12/pic1.png) no-repeat bottom right;
background-size: auto 100%;
}
.m22-txt-h {
text-transform: uppercase;
display: block;
padding-top: 20vh;
padding-top: 20vh;
font-size: 8vh;
font-weight: bold;
color: #FFF;
display: block;
}
.m22-txt-h span {
width: 100%;
color: #FFF;
border-right: .15em solid #EDC65C;
animation: caret 1s steps(1) infinite;
}
@keyframes caret {
50% {
border-color: transparent;
}
}
.m22-txt {
display: block;
font-family: 'Sacramento', cursive;
font-size: 12vh;
margin-top: 8vh;
color: #FFF;
}
.cat-item > a {
font-size: 150%;
line-height: 1.5;
} .m22-h {
color: #9eb357;
text-transform: uppercase;
font-weight: bold;
font-size: 50px;
display: inline-block;
}
.m22-h2 {
color: #edc65c;
text-transform: uppercase;
font-size: 60px;
display: inline-block;
}
.m22-h2:after {
content: '';
display: block;
background: url(//www.proamericana.sk/wp-content/uploads/2016/12/hr2.png) center;
width: 100%;
max-width: 348px;
margin: 0 auto;
margin-top: 30px;
height: 15px;
}
.m22-s {
color: #2e2d2d;
text-transform: uppercase;
font-weight: 500;
font-size: 28px;
display: inline-block;
}
.m22-s:after {
content: '';
display: block;
background: url(//www.proamericana.sk/wp-content/uploads/2016/12/hr.png) center;
width: inherit;
width: 80%;
margin: 0 auto;
margin-top: 30px;
height: 15px;
}
.et_pb_map_container {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray; -webkit-filter: grayscale(100%);
-webkit-transition: 1s ease-in-out;
-moz-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
cursor: pointer;
}
.et_pb_map_container.active {
filter: none !important;
} .m22_g .et_pb_text {
padding: 0px 50px;
}
.m22_g .et_pb_image {
padding-bottom: 25px;
}
.m22_g .et_pb_button {
padding-left: 2em !important;
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
padding-right: 3em !important;
box-shadow: 0px 2px 0px 0px #6c7a3c;
} .et_pb_slide_description {
padding: 0 !important;
}
.et_pb_slide {
padding: 0 !important;
}
.et-pb-controllers a {
width: 10px;
height: 10px;
background: #FFF;
}
.et-pb-controllers .et-pb-active-control {
background: #316d7a !important;
}
.et_pb_slider_0 {
margin-bottom: 0 !important;
}
.m22_slide .et-pb-controllers {
display: none;
}
.m22_slide .et-pb-arrow-prev, .m22_slide .et-pb-arrow-next {
opacity: 0.5 !important;
font-size: 200px;
margin-top: -100px;
margin-left: -50px;
margin-right: -50px;
}
.m22_slide .et-pb-arrow-prev:hover, .m22_slide .et-pb-arrow-next:hover {
opacity: 1 !important;
}
.m22_slide .et-pb-arrow-prev {
left: 0 !important;
}
.m22_slide .et-pb-arrow-next {
right: 10px !important;
}
.m22_slide h2 {
text-align: left;
text-transform: uppercase;
padding-top: 2%;
font-size: 42px;
font-weight: 800;
color: #2e2e2e !important;
text-shadow: none;
}
.m22_slide p {
text-align: left;
color: #2e2e2e !important;
text-shadow: none;
}
.m22_slide .et_pb_button {
margin-top: 30px;
padding: 0.5em 1.5em !important;
font-size: 16px !important;
font-weight: bold;
box-shadow: 0px 2px 0px 0px #6c7a3c;
}
.m22_slide .et_pb_button:after {
display: none !important;
} .b22gal {
margin-top: 3em;
}
.et_pb_button, .wpcf7-submit {
font-weight: bold;
text-transform: uppercase;
padding-left: 2em !important;
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
padding-right: 3em !important;
box-shadow: 0px 2px 0px 0px #a2873f;
background: #9eb357;
border-width: 0px !important;
border-radius: 50px;
letter-spacing: 0px;
font-size: 16px;
padding-left: 0.7em;
padding-right: 2em;
}
.wpcf7-submit {
padding-right: 2em !important;
color: #FFF;
margin-bottom: 10px;
}
.et_pb_button:hover, .wpcf7-submit:hover {
background: #9eb357;
}
.et_pb_button:after, .wpcf7-submit:after {
color: #ffffff;
line-height: 1em;
font-size: 25.6px !important;
opacity: 1;
margin-left: .3em;
left: auto;
display: inline-block;
height: 40px;
width: 40px;
right: 20px;
top: 2px;
position: absolute;
background: url(//www.proamericana.sk/wp-content/themes/arrow.png) no-repeat right center;
background-size: 11px 20px;
content: '' !important;
}
.m22_cloud {
padding-right: 4em !important;
}
.m22_cloud:after {
height: 40px;
width: 48px;
right: 20px !important;
top: 15px !important;
position: absolute;
background: url(//www.proamericana.sk/wp-content/themes/cloud.png) no-repeat right center;
background-size: 48px 40px;
content: '' !important;
} .m22_h3 h2 {
color: #9eb357;
text-transform: uppercase;
font-weight: 300;
font-size: 60px;
display: inline-block;
margin-top: 30px;
}
.m22_h3:after {
content: '';
display: block;
background: url(//www.proamericana.sk/wp-content/uploads/2016/12/hr.png) center;
width: 100%;
max-width: 348px;
margin: 0 auto;
margin-top: 30px;
height: 15px;
}
.m22_down {
bottom: -40px;
right: 0;
position: absolute;
z-index: 10;
} .m22_content h3 {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
color: #9eb357;
font-weight: bold;
}
.m22_content .et_pb_row {
padding: 0 10%;
background: #FFF;
}
.m22_content .m22_table .et_pb_column {
width: 33.333%;
margin: 0px;
padding: 50px;
}
#footer-info {
margin-top: 25px;
color: #4a351d;
float: none !important;
text-align: center;
}
#footer-bottom .container {
text-align: center;
}
#footer-bottom {
padding-top: 100px;
padding-bottom: 100px;
}
.single-post #left-area {
padding-bottom: 0;
}
.single-post .et_pb_post {
padding-bottom: 0;
margin-bottom: 0;
} .menu22 {
position: fixed;
text-align: right;
top: -100px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.menu22.in {
top: 20px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.menu22 .hamburger:hover, .hamburger.is-active {
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.hamburger.is-active {
-ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
.menu22nav {
top: -130px;
left: 0;
width: 100%;
text-align: center;
position: fixed;
-webkit-transition: top .5s ease-in-out;
-moz-transition: top .5s ease-in-out;
-o-transition: top .5s ease-in-out;
-ms-transition: top .5s ease-in-out;
transition: top .5s ease-in-out;
}
.menu22nav.active {
top: 20px;
-webkit-transition: top .5s ease-in-out;
-moz-transition: top .5s ease-in-out;
-o-transition: top .5s ease-in-out;
-ms-transition: top .5s ease-in-out;
transition: top .5s ease-in-out;
}
.menu22nav li {
width: 95px;
height: 95px;
margin: 0 -2px;
padding: 0px;
position: relative;
text-align: center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
display: inline-block;
font-size: 14px;
line-height: 1em;
}
.menu22nav li ul li {
display: none;
}
.menu22nav li a {
padding-top: 42px;
padding-bottom: 42px !important;
font-size: 18px;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
text-decoration: none;
color: #FFF;
display: block;
}
.menu22nav li:last-child > a { }
.hamburger {
transform-origin: top right;
-ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7);
padding: 32px 27px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: #DEDEDE;
border: 0;
margin: 0;
overflow: visible;
position: relative;
z-index: 999;
}
.et-cart-info {
display: none;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 70%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #747575;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger--collapse .hamburger-inner {
top: 26px;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 1;
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.15s;
transition-delay: 0.15s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.32s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.cat-item > a {
font-weight: bold;
}
.children > .cat-item > a {
font-weight: normal;
}
.current-cat > a {
color: #0BA4C5;
}
.product .amount {
font-size: 14px !important;
font-weight: bold;
color: #FFF;
background: rgba(11, 164, 197, 1);
padding: 5px;
} #lang_sel_list {
position: absolute;
right: 0;
margin-top: -68px;
}
#lang_sel_list a {
border: 1px solid transparent;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
}
#lang_sel_list li {
width: auto;
}
#lang_sel_list a.lang_sel_sel {
padding: 10px 30px 10px 10px;
background: url(//www.proamericana.sk/wp-content/uploads/langswitch.png) #fff right no-repeat;
text-align: right;
}
#lang_sel_list ul ul {
top: 32px;
border-top: 1px solid #9eb357;
text-align: right;
}
#lang_sel_list ul ul a {
padding: 10px 37px 10px 10px;
}
#lang_sel_list li {
float: none;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
text-align: right;
}
li.product .woocommerce-Price-amount {
font-size: 17px;
line-height: 22px;
color: #ffffff;
font-weight: 700;
display: inline-block;
float: none;
clear: none;
margin: 10px 0px 0px 0px;
padding: 2px 7px 1px 7px;
border-radius: 0px 0px 0px 0px;
background-color: rgba(11, 164, 197, 1);
position: relative;
z-index: 2 !important;
font-family: "Open Sans";
text-transform: capitalize;
}
.woocommerce ul.products li.product h3 {
font-size: 17px !important;
line-height: 22px !important;
color: #000000 !important;
font-weight: 700 !important;
padding: 0px 0px 0px 0px !important;
border-radius: 0px 0px 0px 0px !important;
background-color: rgba(255, 255, 255, 0) !important;
z-index: 2 !important;
display: block;
font-family: "Raleway" !important;
text-transform: capitalize !important;
}
ul.products li.product {
border-width: 1px 1px 2px 1px;
border-radius: 0px 0px 0px 0px;
border-color: #e5e5e5;
border-style: solid;
padding: 0 !important;
text-align: center;
width: 32%;
margin-right: 1.333%;
}
.sub li {
text-transform: uppercase;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
padding: 15px !important;
border-width: 1px 1px 2px 1px !important;
border-radius: 0px 0px 0px 0px !important;
border-color: #e5e5e5 !important;
border-style: solid !important;
background: #FFF;
color: #000 !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
font-size: 18px !important;
}
.woocommerce-info a {
color: #2ea3f2 !important;
}
@media screen and (max-width: 1020px) {
.hidden-xs {
display: none;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
min-height: 22vh;
}
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row {
width: 100%;
}
.epcol > .et_pb_column {
padding: 50px 0px;
border-bottom: 2px solid #DDD;
}
.epcol .et_pb_image {
margin-bottom: 0 !important;
padding: 10px 50px;
}
.m22_down img, .gayicon {
width: 20vw;
max-width: 75px;
}
.et_header_style_left #logo, .et_header_style_split #logo {
max-width: 40%;
} .cont22 {
margin-top: -77vh;
}
.cont22 p {
font-weight: 400;
font-size: 2vh !important;
}
.cont22 img {
max-width: 50%;
}
.m22-h2 strong:first-child {
display: block;
}
.menu22nav li {
position: relative;
width: 33.33333333%;
padding-bottom: 33.33333333%;
margin: 0;
float: right;
opacity: 0;
-webkit-transform: translateY(-250px) translateZ(0);
-moz-transform: translateY(-250px) translateZ(0);
-o-transform: translateY(-250px) translateZ(0);
-ms-transform: translateY(-250px) translateZ(0);
transform: translateY(-250px) translateZ(0);
transition: all .3s;
}
.menu22nav li a {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: block;
text-decoration: none;
padding-top: 60%;
line-height: 0;
}
.menu22nav.active li {
opacity: 1;
-webkit-transform: rotate(0deg) translateY(0px) translateZ(0);
-moz-transform: rotate(0deg) translateY(0px) translateZ(0);
-o-transform: rotate(0deg) translateY(0px) translateZ(0);
-ms-transform: rotate(0deg) translateY(0px) translateZ(0);
transform: rotate(0deg) translateY(0px) translateZ(0);
transition: all .3s;
}
sub li:nth-child(2n)
.menu22nav li:nth-child(2), .menu22nav.active li:nth-child(2) {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.menu22nav li:nth-child(3), .menu22nav.active li:nth-child(3) {
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.menu22nav li:nth-child(4), .menu22nav.active li:nth-child(4) {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.menu22nav li:nth-child(5), .menu22nav.active li:nth-child(5) {
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
-o-transition-delay: .4s;
transition-delay: .4s;
}
.menu22 .hamburger {
left: 0;
bottom: 0;
position: fixed;
}
.menu22nav, .menu22nav.active {
top: auto;
bottom: 0px;
overflow: visible;
}
.menu22nav li a {
padding-top: 17vw !important;
padding-bottom: 15vw !important;
}
.menu22nav #menu-default {
text-align: right;
}
.menu22 {
top: auto;
bottom: 0;
}
.menu22.active {
bottom: 0;
top: auto;
}
.menu22 {
position: relative;
top: auto;
bottom: -150px;
left: 0;
text-align: left;
}
.menu22.in {
bottom: 0;
}
}
#et_mobile_nav_menu {
display: none !important;
}
.m22section_0 {
background-size: 50%;
background-repeat: repeat;
height: 70vh;
}
.gayicon {
margin-top: -14vh;
}
.menu22nav {
height: 0;
}
.eg-arthur-content {
height: 160px;
}
.m22-h-img {
display: none;
}
.m22_g_h {
font-size: 170% !important;
}
.m22_g_t {
font-size: 14pt !important;
}
.m22_g_h2 {
font-size: 200% !important;
}
.m22_g_t2 {
font-size: 14pt !important;
margin: 0 auto;
}
.slidepad {
padding-left: 15%;
}
.res-table {
padding: 20%;
color: #FFF;
font-size: 20px;
border: none !important;
}
.res-table thead {
padding: 20%;
color: #FFF;
font-size: 18px;
}
.ml-table {
text-align: center;
color: #FFF;
}
.ml-grid .ml-title:first-child {
display: none;
}
.ml-grid .col-0.ml-value {
margin-top: 10px;
margin-bottom: 10px;
font-size: 32px !important;
}
.ml-row-4 .col-0.ml-value {
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px !important;
font-weight: bold;
}
.res-table * {
padding: 0;
border: none !important;
}
.entry-content tr td, body.et-pb-preview #main-content .container tr td {
padding: 5px 10px;
text-align: center;
}
.et_pb_fullwidth_header_0 .header-content h1 {
margin-top: 20px !important;
}
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
font-size: 50px !important;
}
.gdpr ul {
list-style: circle !important;
margin-top: 30px;
}
.gdpr ul li {
padding-bottom: 5px !important;
}
.wpcf7-form-control {
width: 100%;
}
.wpcf7-acceptance {
width: auto;
}
.wpcf7-submit {
margin-top: 15px;
width: auto;
}
.wpcf7-submit:disabled {
opacity: .2;
}
@media (min-width: 1021px) and (max-width: 1500px) {
.gayicon {
margin-top: -9vw;
}
}
@media (max-width: 1020px) {
#logo {
margin-top: 0px;
}
.et_pb_image_7 {
margin-top: -110px !important;
}
.m22-h2:after {
margin-top: 15px;
}
.m22_h3:after {
margin-top: 15px;
width: 70%;
}
.m22_slide p {
text-align: center;
margin: 0;
font-size: 10pt;
}
.m22_slide img {
width: 50%;
float: none;
margin: 0 auto;
margin-right: -12% !important;
}
.m22_slide h2 {
font-size: 3vh;
text-align: center;
}
.et-pb-arrow-prev, .et-pb-arrow-next {
top: 25%;
}
.m22_slide .et-pb-arrow-prev, .m22_slide .et-pb-arrow-next {
font-size: 25vh;
}
.m22_slide .et_pb_button {
margin-top: 50px;
}
.m22_h3 h2 {
font-size: 5vh;
line-height: 1.2;
}
.m22_h3 h2 strong {
display: block;
}
.slidepad {
padding-left: 0;
}
.container {
width: 100%;
}
.menu22nav {
height: auto;
}
.gayicon {
margin-top: -115px;
}
.m22-h2 {
font-size: 4vh;
line-height: 1.2;
}
.top-menu li {
width: 33.34vw;
height: 33.33vw;
margin: 0;
padding: 0px;
float: right;
position: relative;
text-align: center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
}
.top-menu li:nth-child(2) {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
}
.top-menu li:nth-child(3) {
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.top-menu li:nth-child(4) {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.hamburger {
width: 33.33vw;
height: 33.33vw;
padding: 13vw 11vw;
margin: 0;
transform-origin: bottom left;
-ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5);
left: 10px;
bottom: 10px;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.top-menu-nav {
padding: 0;
}
#et-top-navigation { }
#lang_sel_list {
margin: 0px auto;
position: absolute;
top: 20%;
right: 15px;
background: transparent;
}
.lang_sel_sel {
text-align: left;
}
#lang_sel_list ul ul {
width: 102%;
left: inherit !important;
text-align: left;
}
.et_menu_container {
padding: 0;
}
.logo_container {
padding: 15px;
margin: 0 auto;
width: 200px;
height: 84px;
position: relative !important;
text-align: left;
float: left;
}
.menu22nav.active {
pointer-events: auto;
}
.menu22nav {
pointer-events: none;
}
.menu22 .top-menu {
display: block;
}
.menu22 .sub {
display: none;
}
#submenu2 {
bottom: 0 !important;
position: fixed;
}
.m22-txt-h {
font-size: 7vh;
text-align: center;
padding-top: 0vh;
}
.m22section_0 {
padding-top: 0;
}
.m22section_0 { }
.m22-h {
font-size: 5vh;
}
.m22-h-img {
display: block;
width: 90%;
max-width: inherit;
left: 5%;
bottom: -26vh;
position: absolute;
}
.m22-s {
font-size: 2.7vh;
}
.m22_g .et_pb_button {
margin-top: 20px;
bottom: 24px !important;
}
.m22_down {
text-align: center;
width: 100%;
bottom: -27vh;
}
.m22section_0 {
height: 75vh;
}
.page {
overflow-x: hidden;
}
.m22-row {
height: 45vh;
margin-top: 5vh;
}
.et_pb_fullwidth_header_subhead {
line-height: 1.5 !important;
}
.et_pb_fullwidth_header {
padding: 0;
}
.m22-txt {
text-align: center;
font-size: 9vh;
margin-top: 0;
}
.m22-txt-h span {
display: inline-block;
width: auto;
height: 70px;
line-height: 1;
}
.m22-row {
background-image: none;
}
.m22_g .et_pb_image {
padding-bottom: 0;
}
.m22_g_h {
font-size: 3vh !important;
}
.m22_g_t {
font-size: 10pt !important;
}
.m22_g .et_pb_text {
padding: 0px 30px;
}
.m22_g_h2 {
font-size: 16pt !important;
}
.m22_g_t2 {
max-width: 100%;
font-size: 10pt !important;
}
.kidsrow {
width: 100% !important;
}
.kidsrow img {
width: 100%;
}
.et_pb_row {
width: 90%;
}
.et_pb_slider_0 {
margin-top: 30px;
margin-bottom: 30px;
}
.et_pb_button_3 {
margin-top: 20px;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.et-pb-controllers {
bottom: 0;
}
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
font-size: 20px !important;
line-height: 30px !important;
}
.et_pb_fullwidth_header_0 .header-content h1 {
margin-top: 50px !important;
margin-bottom: 0 !important;
}
.m22_content .et_pb_row {
width: 100%;
padding: 10%;
}
.m22_content {
padding: 0 !important;
}
body #page-container .et_pb_button_0 {
font-size: 22px !important;
}
}
@media (max-width: 1020px) and (orientation: landscape) {
.m22_down img, .gayicon {
width: 10%;
}
.m22_down {
bottom: -27vh;
}
.m22-txt-h span {
margin-top: 10vh;
display: inline-block;
width: auto;
height: 35px;
line-height: 1;
}
.m22-h-img {
display: block;
width: 50%;
max-width: inherit;
left: 50%;
bottom: -22vh;
position: absolute;
}
.m22-row {
width: 50%;
}
.cont22 p {
font-weight: 400;
font-size: 3vw !important;
}
#top-menu2 {
margin-right: 3px;
margin-left: 0px;
}
.menu22nav {
width: 100vh;
}
.hamburger {
width: 33vh;
height: 33vh;
padding: 13vh 11vh;
}
.top-menu li {
width: 33vh;
height: 33vh;
}
.menu22nav li a {
padding-top: 17vh !important;
padding-bottom: 15vh !important;
}
} .products .price {
font-size: 24pt !important;
}
li.product .price {
min-height: 55px;
font-size: 24pt !important;
}
.woocommerce-breadcrumb {
display: none;
}
.et_overlay {
background: rgba(237, 198, 92, 0.4);
}
.et_overlay:before {
content: "\e07a";
color: #FFF;
background: #9EB357;
font-size: 18pt;
padding: 10px;
border-radius: 50px;
margin-left: -22px;
} .buttons {
margin-top: 20px;
}
.widget_shopping_cart_content .buttons .button, .single_add_to_cart_button, .button {
background: #9EB357 !important;
border: 0px !important;
border-radius: 50px !important;
color: #FFF !important;
font-size: 100% !important;
font-weight: bold !important;
text-align: center;
text-transform: uppercase;
padding: 0.9em 2em !important;
box-shadow: 0px 2px 0px 0px #6c7a3c !important;
}
.woocommerce input.button {
padding: 0.9em 2em !important;
}
.woocommerce input.button:hover {
padding: 0.9em 2em !important;
}
.widget_shopping_cart_content .buttons .button {
width: 100%;
}
li.product {
padding: 0 !important;
}
.widget_shopping_cart_content .buttons .button:hover, .single_add_to_cart_button:hover, .button {
background: #9EB357;
border: 0px;
color: #FFF;
font-size: 100%;
padding: 0.9em 2em !important;
}
.single_add_to_cart_button {
width: inherit !important;
padding: 0.9em 2em !important;
}
.single_add_to_cart_button:hover {
width: inherit !important;
padding: 0.9em 2em !important;
}
.widget_shopping_cart_content .buttons .button:after, .single_add_to_cart_button:after, .button:after {
display: none;
}
.widgettitle {
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 120%;
}
#sidebar .et_pb_widget {
margin-bottom: 50px;
}
.posted_in a {
color: #EDC65C;
}
.entry-summary p.price {
margin-bottom: 30px;
}
.entry-summary p.price span {
font-size: 34px !important;
background: transparent;
color: #000;
}
.entry-summary .entry-title {
margin-bottom: 30px;
}
.widgettitle:after {
content: '';
display: block;
background: url(//www.proamericana.sk/wp-content/uploads/2016/12/hr2.png) center;
background-size: 70%;
width: 100%;
max-width: 348px;
height: 7px;
margin: 0 auto;
margin-top: 10px;
} .woocommerce #main-content {
background: #ebebeb;
}
.woocommerce #main-content > .container {
padding-top: 0;
background: #fff;
}
.woocommerce #main-content #left-area {
padding: 5%;
}
.woocommerce #main-content #sidebar {
padding: 5% 20px;
}
li.product {
background: #f3f3f3;
border: 1px solid transparent;
padding: 10px !important;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
li.product:hover {
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
border: 1px solid #9EB357;
}
.product h3 {
text-transform: uppercase;
font-size: 16px;
}
.product .price {
font-family: "Open Sans", Arial, sans-serif;
font-weight: 600 !important;
}
.et_pb_gutters3.et_right_sidebar.woocommerce-page ul.products li.product {
width: 32%;
margin-right: 1.333%;
text-align: center;
}
.woocommerce-main-image img {
border-width: 1px 1px 2px 1px;
border-radius: 0px 0px 0px 0px;
border-color: #e5e5e5;
border-style: solid;
}
body.woocommerce .woocommerce-tabs {
border-width: 1px 1px 2px 1px;
border-radius: 0px 0px 0px 0px;
border-color: #e5e5e5;
border-style: solid;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
float: none;
width: 100%;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: none;
width: 100%;
}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text {
max-width: 100% !important;
}
#customer_details h3, #order_review_heading {
text-transform: uppercase;
padding: 2em 0em 1em 0em;
}
.m22_content .et_pb_text ul {
list-style: none;
padding-left: 3em;
}
.m22_content .et_pb_text ul li {
position: relative;
margin-bottom: 0;
padding-bottom: 2.5em;
}
.m22_content .et_pb_text ul li:after {
content: url(//www.proamericana.sk/wp-content/uploads/bullet.png);
position: absolute;
left: -3em;
top: 2px;
}
.m22_content .et_pb_text ul li:before {
content: "";
position: absolute;
left: -2.55em;
border-left: 1px solid #9eb357;
height: 100%;
width: 1px;
}
.m22_content .et_pb_text ul li:first-child:before {
top: 6px;
}
.m22_content .et_pb_text ul li:last-child:before {
height: 6px;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, textarea, select {
max-width: 100%;
}