/* ==== GRID ==== */ @font-face { font-family: 'proxima_nova_rgregular'; src: url("../fonts/proxima_nova_regular-webfont.eot"); src: url("../fonts/proxima_nova_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_regular-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_regular-webfont.woff") format("woff"), url("../fonts/proxima_nova_regular-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ththin'; src: url("../fonts/proxima_nova_thin-webfont.eot"); src: url("../fonts/proxima_nova_thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_thin-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_thin-webfont.woff") format("woff"), url("../fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ltlight'; src: url("../fonts/proxima_nova_light-webfont.eot"); src: url("../fonts/proxima_nova_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_light-webfont.woff") format("woff"), url("../fonts/proxima_nova_light-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ltsemibold'; src: url("../fonts/proxima_nova_semibold-webfont.eot"); src: url("../fonts/proxima_nova_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_semibold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_semibold-webfont.woff") format("woff"), url("../fonts/proxima_nova_semibold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold") format("svg"); font-weight: normal; font-style: normal; } /* ==== GRID ==== */ @font-face { font-family: 'proxima_nova_rgregular'; src: url("../fonts/proxima_nova_regular-webfont.eot"); src: url("../fonts/proxima_nova_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_regular-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_regular-webfont.woff") format("woff"), url("../fonts/proxima_nova_regular-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ththin'; src: url("../fonts/proxima_nova_thin-webfont.eot"); src: url("../fonts/proxima_nova_thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_thin-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_thin-webfont.woff") format("woff"), url("../fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ltlight'; src: url("../fonts/proxima_nova_light-webfont.eot"); src: url("../fonts/proxima_nova_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_light-webfont.woff") format("woff"), url("../fonts/proxima_nova_light-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'proxima_nova_ltsemibold'; src: url("../fonts/proxima_nova_semibold-webfont.eot"); src: url("../fonts/proxima_nova_semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_semibold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_semibold-webfont.woff") format("woff"), url("../fonts/proxima_nova_semibold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold") format("svg"); font-weight: normal; font-style: normal; } .blue-white-section.prices { background: url("../images/prices_bg.jpg") 50% 100% no-repeat; background-size: cover; } .graphic-block { text-align: center; font-size: 20px; line-height: 22px; color: #fff; font-family: "proxima_nova_ltlight"; font-weight: 300; margin-bottom: 50px; padding-top: 100px; } .graphic-block h2 { text-transform: uppercase; color: #424183; font-size: 60px; line-height: 62px; margin: 0 0 20px; font-weight: 600; } .graphic-block h2 em { position: relative; display: inline-block; border-bottom: 1px solid #3cebff; font-style: normal; padding: 0 80px 10px 80px; } .graphic-block h2 em:after { width: 50px; content: ""; position: absolute; left: 0; bottom: 0; height: 3px; background: #3cebff; } .graphic-block p { margin-bottom: 20px; } .graphic-block .svg-block { width: 570px; height: 330px; margin: 0 auto; } .graphic-block .svg-block svg { width: 100%; height: 100%; animation: 7s circle forwards; } .graphic-block .svg-block svg .fade-text { opacity: 0; animation: 1s fade-out-main-phone forwards 4s; } .graphic-block .svg-block svg .animate-graphic circle { opacity: 0; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(13) { animation: fade-out-main-phone 1s forwards .2s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(12) { animation: fade-out-main-phone 1s forwards .5s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(11) { animation: fade-out-main-phone 1s forwards .8s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(10) { animation: fade-out-main-phone 1s forwards 1.1s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(9) { animation: fade-out-main-phone 1s forwards 1.4s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(8) { animation: fade-out-main-phone 1s forwards 1.7s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(7) { animation: fade-out-main-phone 1s forwards 2s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(6) { animation: fade-out-main-phone 1s forwards 2.3s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(5) { animation: fade-out-main-phone 1s forwards 2.6s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(4) { animation: fade-out-main-phone 1s forwards 2.9s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(3) { animation: fade-out-main-phone 1s forwards 3.2s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(2) { animation: fade-out-main-phone 1s forwards 3.5s; } .graphic-block .svg-block svg .animate-graphic circle:nth-child(1) { animation: fade-out-main-phone 1s forwards 3.8s; } .graphic-block .svg-block.prices .animate-graphic circle { opacity: 0; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(1) { animation: fade-out-main-phone 1s forwards .2s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(2) { animation: fade-out-main-phone 1s forwards .5s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(3) { animation: fade-out-main-phone 1s forwards .8s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(4) { animation: fade-out-main-phone 1s forwards 1.1s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(5) { animation: fade-out-main-phone 1s forwards 1.4s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(6) { animation: fade-out-main-phone 1s forwards 1.7s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(7) { animation: fade-out-main-phone 1s forwards 2s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(8) { animation: fade-out-main-phone 1s forwards 2.3s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(9) { animation: fade-out-main-phone 1s forwards 2.6s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(10) { animation: fade-out-main-phone 1s forwards 2.9s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(11) { animation: fade-out-main-phone 1s forwards 3.2s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(12) { animation: fade-out-main-phone 1s forwards 3.5s; } .graphic-block .svg-block.prices .animate-graphic circle:nth-child(13) { animation: fade-out-main-phone 1s forwards 3.8s; } .graphic-block .title-intro-block { bottom: -22px; background: #fff; } .graphic-block .title-intro-block:before { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABYCAYAAAATOhxeAAAF+UlEQVRYR83Ye1BUdRQH8HPuwoJiw0yaNTXj1KQhpjSGrIIu75eUCiqGZoJK4ROFMkIl11CRkIf4JFF/pPlCBaVg2XXZFeStOaGBZM00PWY0s6lJ5LV7T8MazC7si7390f3v3vu7nz337u98728XYdDm4bFtrONIl/cQ4E0AmoiIrkT0FwDeIYAvex93fNbSsv03w8vQYAc9vXenIHBbEcFlMN6/TwQdBPyOG/UfZQIA9R3/F4kWefl4FQHg2+YuHnqcvmiua44FKNbpkWk+WTJE3GY78GQkEW2/XrdJhh6SrJecHLENAZyGjQB0d/eSO3rNyt6NACnDBQaeEUAmSmbt+RYQJ9mLAFErSqTZnQDobDcC1IUS31z912TvRgSEXn65DxBwjL0IANxHiV/uZUScYzdCoOyrZDXHcQftRQggBT18ssY6O4t/RkDxcCEC4kmrfVE/YyUB+UWIuMwOpKypKnHuk2nvv3cyx4laEPt7yUaO101rVG+4MdDF04P2H0eEOBsv7+ubs42q9TEGXQwwNWTf82LiWhHB1RpERH/yWnRv1qy9Z4Ton03I/ngOuSPWEX5Zo3Ldif5xhqGkR6eHHSpBgHlmIaKjDYo18YbnByPgGbzb1VHk2oyIEwZDBNRwr+t+wI8aWZdFpO+kd9iB8cQ5XEOAZw1avo3v6ZU2qdY9HIwPqaR/gHdEwRQCVD6B6A5P3SGNFYm/mLpNs0jfYM/ggnFiJ07dxXfOuFmR+MDcc7KI6G9tzhFWX/auxfljA1LI6sviBSJzj7H6yysEIpHHWH2pQGRm5HFWW7pcWCUzo4pYbUmsQGTBCVZ74R2ByMITrPa8YOQkqz2/VGAli06x2nNLBCIxp1jtGYGIdPFpVnN68fAr8Yo+/pyzeEQyEUQg4HgC+h4Ryrt6OnOai5frI9FinnjHnPYRiURliPj0kFAi+kOn082pP7O4ziwiiSoa7TTKpR0ARlvI2YfdjzrcmkpiB8LJqIuly4rTELlPbAjqj2s+j043GdS+cRcUABhiDQEgZTVbEGoSkcaV1CKCjzWECOpqWNRM05WsvHgYgUuwigBfUH10/iqTiF/cBS9wcGyyhoC2V3KVLWg29/IC3/hLMkTO7JqWiN9eXThPZvW9459waSkRtxMBx+kHo37h+xPy/BZN4byTViebwQCUJpS6i9AhR0fa5JqCyLb+tfxwEP1Y/1XlTHM4Yvi9Y/hJ/qsrmObQbIHI2kqmORAmEFlXyTT7hSKJCqbJDxVWScBGBVPnCUauMHVesMBKkqqYOjdQIPK+mqmzA4QhQR9cZao9fvYhAUlVr6KDaDYAxAJAEfK95ars4Fabllv+a9SjuKccChBgyZCgBjjF/61N0BwMeGSpizEopaYS0XxEEpFSlSkNM2xGo6AOSLm2SMThWWuhpOPpLXXmrHMmQyloc10xIi60hhDRedUun2jTyNaGOgTwtooA1Kt2zBgIdKPbCUlrvAgAUdYQAChRpk+fb7KS4LSGFYjcUWsIEb/ySvqMYyYRf3+1g4OvSx0iepmDiKhZW93ho9EEaM2mvTS1+hln8cgzgBA4BCKo6up5HFOT4Wu0RDe7og6V3QgkpAhEiCSCUiQsV8g8q2yasYMHhaR/zZRpr9vXO/3Yf4PsuMmUW6cKqyR01zdMsfm1/wOS0cIUqR4CK8m4zRSpk4Uh4Zm3mTxFKJJ1m8k3CUZamXzTJPtvx192fYyTy8jC7o7H8RrZtN/NNaXJ3gn5tC2UE2E6Akj6LySAJl5HacoP3RVWFznhOa1rELgDZqMA+LXy5ElG/0EZVRKcecvdUSy+BQAiC8Gk6+3pmXIlZUrf8ku/GSHhue35iLjeerLRPnmSW6IZ5LtqRJTagNTIk17xNYnMzrurMploQ1+FVRUbJwSZrmTv3V2ImGpDJRnyDRM2m0QCc9pfcBJx7Yho4T9q6ujW8W5VyW6/mg3qsPwf3hABFAPCCBNB3akDiK5MfPkrw3MmJ1t43h03jnPYQqj/DTiagB4iQTnPa3fKN07s+2VmtP0D+LpVHhARtOoAAAAASUVORK5CYII=") 0 0 no-repeat; background-size: cover; } .enumeration-section { background: #fff; padding-top: 50px; } .enumeration-section-holder { max-width: 1190px; padding: 0 10px; margin: 0 auto; font-family: "proxima_nova_ltlight"; font-weight: 300; font-size: 16px; } .enumeration-section-holder .align-left { margin: 0 -10px; } .enumeration-section-holder .align-left .white-area { margin-left: -9999px; padding-left: 9999px; padding-right: 15%; position: relative; } .enumeration-section-holder .align-left .white-area:after { content: ""; position: absolute; right: -6px; top: 50px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAABJCAYAAADmIqwGAAAEzklEQVRIS+2WW2yURRiG33d2/y1I2aKCHMph+5cLFRFsdxWIBCkY4zkxgAduRAy0S7d4oV5v4o1GE0PpHhIJV5hAqxyCihcGhYDA9m+FBBMT3G05hkMN9IS03Z3P/Au73bVLu942zsVmM/88M998873vDDHcaIatt0G1gZTFELhADIrwNJjamaj17QYg9nDaP7O+sKZOKOVOgq/mTJL3VyAH7/TJe1c+9HZxWujnUrcq+w7EivsB2X7BkR7d/Qorwtb7SqmvxgTuDRDBRpqR9hgJ33+AYjSjbbcIlhUNQbpZGW3rATi5WAiQXprR9gSBimIhEZyzw/uS4AfFQlrwCedGTz5uwDgN0BgblF6d5ML04ZqRthBJ/5iQlo/j/urP09CcRqvScCmLwJRRKuKUvtrzXGdw5Z00dG+19SR3FYJEcFM4tLKj9pkz2drLglErQqjafFB6Res3En7fT5n+7ErpjrXNDrNm/m4Sa+4OkC7R8m7C7/0+d6J8yP6yyTIqF6sdQjyWTCU3XKh/+vd/hzwSAlARbnuS0I/khjT6SgA84dgKiGNG55bqPYUSU3Cl8QiZ29u92kiVd9b6DhSViFmh2JyJVDUgyoTJQ4naJefuf06bLMN8Sr1GYKlAJhLQQiQpODMktw9c8C+/OaKMPNHW1xXUGgh7Qf03RQkgJRC6ATkev35wB4JBnS3Y2ZFfyw2WbKVgEgW3QQ6fH7ULQiahd56v8/2WheY1WVUOBwME/yq0cQ1MFab2ZRKTnrEiemoRtRGA0t13wxpuQk2AD0LLt5lqT0PlTacedjmMrQqYCZFb2fBERMhJoAwMDUrTxQZvPE+EnnDbEge5ERQtkD57RTuLICZq6AO5Z5ZXsJ5QbDGVWkWwHLRvFLkumsc6rh88nsncCLmnd9L4Q4lpTH8egmn9/V3N1z56ob8oEc5ral/qoMxMbKneW1QZ2YPGo57G457MkPWsEDM7/N6Wog/XDLeuBtX0xOH4brSsS41aRp7ICQ/pXEVxzBeKAxrnFfWReJ3vbEEvn9sUW2A41WaAJSLoB21lcAIoisKWeF314TxjMT+1yuhWAQE8hNzME6GSUmr23UkObbvcsORSVhrmdmshnbShPoJpx8m0tNyFUyj6m7jfdygHaveKE/UK6CqULVtbKeh9nX7v/ixkJ0DB1UCKE6IG81aCOAEYqRR3na+vOjGs3GBQmTNefpOiXgTQDXDA/qgBgxA3KKcTVxMRBNelJ8x6hP1YLOXktxS5SAB1z5YJjT8HOdByqW7Z5bzs5YZjJwUGllNYqqF/6bjW147gymTBc8oDQzGfdnBW0VfN/x6Rk77xaSwxn6Yqz0hhrKuGleG2Kg0uI/UkaBzTN3ot+7FbsPYeajzpnmI414NcAIH9JtB2tQulgwNoTmz1Xsiv8rXNjoqa+e8owWr7hs8IUWwBEm5onk0kr4bQ8FJaZ2k9zQ23mk6lAiJUChgaqVy6iNTX8Trf8TyPoAMBEDfu5xGg7I/XVe/LQpWR1icA1TCaG2mNls4t1T9moamfHZvsLptQD60qC/kehD1DSW67GKi6kucRnu3Wo8rgZgIPaGE6xQQMQERS3NNRX3W0oEeUN56c7XI5aijKFFApkUuplBztDHj/yN3rP58xdhK0xzJOAAAAAElFTkSuQmCC") 0 0 no-repeat; background-size: cover; width: 13px; height: 73px; z-index: 10; } .enumeration-section-holder .align-left .white-area:first-child { padding-top: 50px; } .enumeration-section-holder .align-left .gray-area { margin-left: -9999px; padding-left: 9999px; padding-right: 15%; position: relative; } .enumeration-section-holder .align-left .gray-area:after { content: ""; position: absolute; right: -6px; top: 50px; z-index: 10; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAABJCAYAAADmIqwGAAAEmklEQVRIS+2WXUxbZRjH/897TgsIoxg3EdFkblyoc24955Qgkcy6GSKZmJilfuzGOZMZsw+vvG7ipRdmicsuXLiaCQOVkSrzwohb+Cjl9NQlMzFBNJppiNYAg6EI533MW0/rKbTQeaVm56Jp357f+/E8z///PoS/H8pkMi8y8xEAewEEAfwB4EsAPYZh9AJg9TqpD9u2twoheojoGd8kRV+ZOSGlfMWyrCwNDw/XhUKhj4loXzkgP87Ml+fn5w+qLb0K4L3NAB94lBzHSRFRpFIIQEpBc0QUqhRi5nm1vRsAtlQKAVhQ0LcAHqgUYuYpBb0D4I1bgN5SZ3pYJZCIAhWAC8y8O5fcdDp9Rgjx+maQlPJN0zTfzlfETk3TbAANG4ATc3NzT0Sj0d9zkLfaYSHE+TLQLDNHDcO4Wqi9/IuO45wlotfWgOoczxmG8Vl+vLCSGujr69NaWlp6ieiQ+s3MWSnly5ZlfeKfqAjyKj4ghDgH4KHV1dUjra2tX63d8jrIO9+jRHS3f0sbrqT+dBxnHzPfY5rmhVKBKbnS/xSyiKg5HA4PVhSIVCp1fyAQeJKZQ0R0KRwOT5XNk23bKqndAB5j5hoikkS0KqW8urS0NNjR0TG7rowymcyzAA4x8wKA3zxjrAJQz8yjiUTiXDwel4WCHRsba66pqTklpawFsERE/vwppyXXdXsikUimANm2bWiadoKZfy0jja1ENJAPTG5Gx3H2ADgBYD7v1z5YLXyn67of5qs9B01MTNwVCAROAWhiZuWDuXFmZiKqJaJl13XftSxrukiE6XS6jYiOqqgx86LH1AghagAM+nNWVLCpVGqvruv7VWK9G+VnKeVIIpEYzUdundzVwNDQUFVjY+NTALZls9m+zs7OmxWJ0HEcleAm0zQ/qqiMbovQF6Z/ubHYtv24pmlN4XC4/1aSe4CZG6enp3tjsZi7YRmNj49vr6qq2g+ghYg0KeX3UsrLkUjkWkkvT6VSu3RdP0ZEyhduKi0xczURCWbuN03z8yJjsW07JIRQyt3OzLNrRFin9LWysnK6ra3tut8jdiuPALDIzDnH8cvdu4s/MAzjUgFyHMcCcBxAtoyxbJNSDliWdbEAqQBUV1efZGbdawwLrDcWIKLzhmGMF6B4PC66u7ufB/C050jLHqVerlfNydTU1NlYLKY6zb86S/WoZrGhoeEFZt7DzMKzZZJSfrO8vNzf3t7+Y1H0/OewbVsFpUNKWSel/GJxcdGJRqOrJfPkH8xkMqppvLfiq+a2R/x3POIfWZiqCNd1m/NS2OyqoXQ6bRBRO4BadaEtLCzYqtktWXvJZLI+GAweJqJdUqq+I3eNCiHEd67r9lmW9UNRlXu960sADnh6yulGCVAIoZqPazMzM2e6urpyOsvpaXJycoeu66qPEABW/FtRIBEFXdd9PxKJjK71CGUsv5TzCGa+aJrmgH+lR3RdP7mRG3ne92kBGhkZ2VJbW3ucmXeW8j0iusHMpw3D+KnII2zbflDTtGMA7mDmfIgDXtdywTCMKyU9IplM3hcMBlWDuMOz4+vMfMWyrK/9Z/0TdozEJaFz6nQAAAAASUVORK5CYII=") 0 0 no-repeat; background-size: cover; width: 13px; height: 73px; } .enumeration-section-holder .align-left span { margin-left: 12%; } .enumeration-section-holder .align-right { margin: 0 -10px; } .enumeration-section-holder .align-right .white-area { margin-right: -9999px; padding-right: 9999px; padding-left: 15%; } .enumeration-section-holder .align-right .gray-area { margin-right: -9999px; padding-right: 9999px; padding-left: 15%; } .enumeration-section-holder .white-area { background: #fff; padding: 50px 0; } .enumeration-section-holder .gray-area { background: #f7f7f7; padding: 50px 0; } .enumeration-section-holder span { display: inline-block; vertical-align: middle; color: #c6c6c6; font-family: "proxima_nova_ltlight"; font-weight: 300; font-size: 60px; line-height: 62px; width: 15%; } .enumeration-section-holder p { display: inline-block; vertical-align: middle; width: 70%; text-align: justify; margin-bottom: 0; } .white-more { background: #fff; padding: 0 0 100px; } .white-more.terms-white { padding: 100px 0; } .white-more-holder { max-width: 1190px; padding: 0 10px; margin: 0 auto; text-align: center; font-size: 20px; line-height: 25px; color: #156ba9; } .white-more-holder p { max-width: 380px; display: inline-block; text-transform: uppercase; margin: 0 0 40px; } .white-more-holder .btn-contact { text-align: center; display: block; margin: 0 auto; max-width: 150px; padding: 10px 20px; color: #008fd5; background-color: #ecf8ff; border: 1px solid #008fd5; border-radius: 5px; } .white-more-holder .btn-contact:hover { color: #fff; background-color: #008fd5; border: 1px solid #008fd5; } .prices-section { background: #fff; padding-top: 160px; } .prices-section-holder { max-width: 1190px; margin: 0 auto; padding: 0 10px; } .prices-section-holder .row:last-child { margin-bottom: 0; } .prices-section-holder .row > div { float: none; display: inline-block; vertical-align: top; margin-right: -4px; margin-bottom: 160px; } .prices-section-holder .row > div:last-child { margin-bottom: 100px; } .buy-block { width: 100%; border: 1px solid #0bc0ed; padding: 186px 0 106px; border-radius: 5px; position: relative; text-align: center; } .buy-block.center { margin-top: 55px; } .buy-block .circle { width: 180px; height: 180px; background: #fff; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); } .buy-block .circle-holder { width: 155px; height: 155px; margin: 0 auto; border-radius: 100%; background: #0170db; background: linear-gradient(to bottom, #0170db 0%, #0398e0 50%, #05c6e6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0170db', endColorstr='#05c6e6', GradientType=0); text-align: center; color: #fff; position: relative; padding-top: 55px; } .buy-block .circle-holder:after { content: ""; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 10px; height: 43px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAArCAYAAABBwhkuAAACQklEQVQ4T+2UzU8TURTFz3lTgrGaoAuJAVdtBTdQCUtXosQFRhPTlY2udMuGoKllmlYkhLDpVlcqbjQkGF0oiSbq1g9gBe00MQohmKgkWgNpZ66ZGacfdCx/gL7Ve/f95t55555cwlt6/hzBawD6nRDxTkQmkYk8do8AVCqfBpRe+ahuY2WsdCRF6LnTitq8P+RGLTEHyVThOYHBZqAA86Re+Eki2BQUFKlSBWkGeXekbqyS7Ngl4zqVXpgBcXEXcJZI5oaUpj1p+mrTihGxhxqP9a2QDPnBAnyUV58ijuAYy8eVUvf9QEusODKRBy4I2Hq+JnCiFhbIS0mHTwEQDwSS+RA1LhDcZ8Mi8lW2JIqpyGql1zXGOEuqOYiYIuYAbna9qejY8F9jxgjIEjKhbO1dtbQXTeSiznbi6MJ/sF6e0eX9aNWuOLJsm3cw1f2jUfBELsqA9oxEu9tCbEjZPOPpWclI3XhP8nidKUQ+SCbcV+31iHFIBbnha7OitGM6/MXNeH3pgGoNfvMFt4sHMdnzvVo6ZbwgeNLHjwP1NhvNd3KPekqi989jFmXLGvL3oz2LkvkLTtbxyKz9+L/78d+zWWK5R7W0DNuSWKVSFhPdS43yJI3z1PCIYMARHFIWEzGMh+dqO2PPyc8756SIrEkmfKQ6Um6sdKhAwBkdO5dVLnfiVteaa4qRxSCDwU2vrAc75YvFNkz3FivuUSnjLsBL9RnlnpUOX653z9W3e9XhtqyAcfdCZqz1zWHc7v9ln38DqHf6hIDiJ0MAAAAASUVORK5CYII=") 0 0 no-repeat; background-size: cover; } .buy-block .circle-holder span { font-size: 30px; line-height: 32px; } .buy-block .circle-holder em { font-style: normal; font-size: 60px; line-height: 62px; } .buy-block .circle-holder sup { font-size: 40px; position: relative; top: -35px; } .buy-block .circle-holder sup:after { position: absolute; content: ""; width: 100%; height: 1px; background: #fff; bottom: 5px; left: 0; } .buy-block .sales-area { display: inline-block; } .buy-block .sales-area:before, .buy-block .sales-area:after { content: " "; display: table; } .buy-block .sales-area:after { clear: both; } .buy-block .day-area { float: left; position: relative; color: #156ba9; margin-right: 55px; } .buy-block .day-area span { font-size: 74px; line-height: 76px; } .buy-block .day-area sup { text-transform: uppercase; font-size: 25px; top: -28px; left: 7px; } .buy-block .day-area:after { content: ""; right: -50px; width: 23px; height: 15px; top: 22px; position: absolute; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPCAYAAAAPr1RWAAADq0lEQVQ4T2WUW0xcVRiF1zpnhkmhT1CaKjDYAm29VLxbm6YPRtpaoaQMh0spWhNttdHEthZTH3xq0tgIoolNsLyYWAZhBqaQKq3iLV4SjRpNfBJaCdcQCr0MA8PM3r/ZgzMZ2vN0Tr4za+2z/vUPvScCpwE8Ljp+crS57lekXbuDMyctWGVCfeqLqjVfp7NDQ5HXYMGBlvc/Ls4KpbPkPb1NgR8JbhPBcFyJM9FS/UcSPtd746KI2iOQCSWq/rJv7fdJ9srVyHmtuZ+UOUBeaNuQ1X+7AfOOdW61bVeAZB5ERuLKqhxvqfrTvFjeHy7V8VgXRDaKyLSQvoGq7B8Me3n45kbLcvmh+QiAmwq6vr0o6/N0A5qHvGOdpS6Xqw+gVwSjWqR87L3qv5YNbpSoWLyf4CYBrikley87OT8ZdmQoUqCIXpCPCjBPrarbilcPpGJJ3niPBu6HC/0k1wswxqVY5Uhr3e+GV/RdXx+PqT6SDyQMJF6VjOjg1fC6DG2FSD5pDLTomuQXJE6eMjjedR9tuxeAiWFcxbQz3lrzs+F7gnOFAukl8bAxEKVrB5w1g4Y1Dt1au4p2kOR2CMJa64ZzJVl9K8TNi95lgw4ApQD+jUYXaqY+OJBo0dPBiUIPPX6CT5kZxJZ07Vf1ud8a9uI/t3IzLNd5EGXGQKDr7hBPGJzofh1kK0FLKf3WWLNzJvl1u4IzjRatcwQ8WuH0gJP9dpIdvjJfAbE6QKyGyNk7xO96o/PeDLerA+RDovXIUizqJE/+TNesN8MWP8htAszEospJP7nbdn1KYGciGuj6FeJ3Hw9sdlsIgdwEracWlhZ90x82Jpqx03+twM5giISp3lx0UWoH9+d8mZZ5N8kdZqjQ+oBZrJS4yRq2ZSq3AcBkNLxQOXV2Oevd/sl76PGYAW0BMReNKN9gQ+43hh38O7zOs8rqBbgVwIJSur69JOuCYQnx/DcDD9pEH8hCASZjSlVMNtf8ZlhZYLrETduwzQCu66jaN5Ac4lCkwA300OJjAiyaBpmWpHqef7TrCcttBwnki2BCU+0bO1PzS6J+ofAW0dFus0AmCq20k6zfkdHF4nhU+/8XjlCksa0os2fFhnqbAt8R3GE2k0rXjbQ4iYzN9WzP7AUCewHMKEjjpaqc1PYdvjL/CWA9b4YHkZfaijM/SxdOxFLYFDgF4Xat8c5osy/1x2TgruBsk02UK8G7l3zZF9N/fGh4/lWCDQr4qL0o03+7sHn+D9gAt/TFjpQtAAAAAElFTkSuQmCC") 0 0 no-repeat; } .buy-block .sale { font-size: 64px; line-height: 66px; text-transform: uppercase; color: #0bc0ed; float: right; } .buy-block .sale sup { font-size: 22px; line-height: 24px; top: -25px; } .buy-block .sale .holder { font-size: 19px; line-height: 20px; color: #0bc0ed; text-transform: uppercase; } .buy-block .btn { width: 100%; position: absolute; bottom: 0; left: 0; height: 70px; line-height: 70px; color: #fff; font-size: 30px; text-transform: uppercase; background: #0bc0ed; text-align: center; border-radius: 5px; } .buy-block .btn:hover { background: #008fd5; } @media (max-width: 1315px) { .graphic-block { padding-top: 40px; margin-bottom: 20px; } .graphic-block .svg-block { width: 393px; height: 230px; } .blue-white-section { padding: 0 0 50px; } .title-intro-block:before { width: 10px; height: 55px; } } @media (max-width: 1240px) { .graphic-block h2 { font-size: 50px; line-height: 52px; } } @media (max-width: 1150px) { .prices-section-holder .row { text-align: center; } .prices-section-holder .row > div { width: 45%; } .prices-section-holder .row .buy-block.center { margin-top: 0; } } @media (max-width: 1024px) { .enumeration-section-holder .column { height: auto !important; } .enumeration-section-holder .align-left .white-area { padding-right: 10px; margin-right: -10px; } .enumeration-section-holder .align-left .white-area:after { display: none; } .enumeration-section-holder .align-left .gray-area { padding-right: 10px; margin-right: -10px; } .enumeration-section-holder .align-left .gray-area:after { display: none; } .enumeration-section-holder .align-right .white-area { padding-left: 10px; margin-left: -10px; } .enumeration-section-holder .align-right .gray-area { padding-left: 10px; margin-left: -10px; } .enumeration-section-holder span { display: block; text-align: center; margin: 0 0 20px !important; width: 100%; } .enumeration-section-holder p { margin: 0 auto !important; display: block; max-width: 60%; text-align: center; } } @media (max-width: 860px) { .prices-section-holder .row > div { width: 50%; } } @media (max-width: 860px) { .prices-section-holder .row > div { width: 90%; } .prices-section-holder .row .column { height: auto !important; } } @media (max-width: 768px) { .header_ { background: #000A42; } .prices_header { background: #072c85; } .graphic-block { padding-top: 120px; } } @media (max-width: 650px) { .enumeration-section-holder p { max-width: 100%; width: 100%; } } @media (max-width: 600px) { .graphic-block .svg-block { width: 450px; height: 260px; } .enumeration-section-holder .align-left .white-area:first-child { padding-top: 25px; } .enumeration-section-holder .gray-area { padding: 25px 0; } .enumeration-section-holder .white-area { padding: 25px 0; } } @media (max-width: 500px) { .blue-white-section { padding-bottom: 50px; } .graphic-block .svg-block { width: 300px; height: 180px; } .prices-section { padding-top: 120px; } .prices-section-holder .row > div { width: 100%; margin-bottom: 100px; } .buy-block { padding: 110px 0 110px; } .buy-block .circle { width: 130px; height: 100px; } .buy-block .circle-holder { width: 100px; height: 100px; padding-top: 32px; } .buy-block .circle-holder span { font-size: 20px; line-height: 24px; } .buy-block .circle-holder em { font-size: 40px; line-height: 42px; } .buy-block .circle-holder sup { font-size: 17px; top: -18px; } .buy-block .circle-holder sup:after { bottom: 2px; } .buy-block .day-area span { font-size: 70px; line-height: 72px; } .white-more-holder p { margin-bottom: 30px; } } @media (max-width: 450px) { .graphic-block h2 { font-size: 35px; line-height: 37px; } .enumeration-section-holder span { font-size: 45px; line-height: 47px; } .buy-block { padding: 110px 0 110px; } .buy-block .day-area { margin-right: 30px; } .buy-block .day-area:after { right: -30px; } .buy-block .day-area span { font-size: 50px; line-height: 52px; } .buy-block .day-area sup { font-size: 20px; } .buy-block .sale { font-size: 50px; line-height: 52px; } .buy-block .btn { height: 60px; line-height: 64px; } } .btn.btn-boost { border: 0px !important; background: linear-gradient(135deg, #ff6672, #f73f4d) !important; line-height: 27px !important; } .btn.btn-boost:hover { background: linear-gradient(135deg,#f78992,#fd4b59) !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } input[type=text]::-ms-clear { display: none; } input[type=number]::-webkit-outer-spin-button, input[type=tel]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button, input[type=tel]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; } select::-ms-expand { display: none; } .notification a { color: #88c6f9; } .notification, .settings-block .title { background-color: #57b5ff; background-image: linear-gradient(to right, #57b5ff 0%, #3e68d4 52%, #7e2ecf 100%); border-radius: 5px; color: #fff; margin-bottom: 30px; padding: 18px 65px; position: relative; } @media (max-width: 1024px) { .notification, .settings-block .title { padding: 15px 25px 15px 50px; } } .notification .icon, .settings-block .title .icon { position: absolute; left: 25px; height: 28px; width: 28px; text-align: center; } @media (max-width: 1024px) { .notification .icon, .settings-block .title .icon { left: 12px; } } .notification svg, .settings-block .title svg { display: inline-block; vertical-align: middle; } .notification p, .settings-block .title p { font-size: 16px; line-height: 28px; margin-bottom: 0; } .settings-dashboard { color: #57b5ff; max-width: 1220px; margin: 0 auto; padding: 40px 20px 20px; } .settings-dashboard h4 { font-size: 20px; font-weight: normal; line-height: 26px; margin: 0 0 30px; } .settings-dashboard h5 { font-size: 18px; line-height: 24px; color: #57b5ff; font-weight: normal; margin: 0; } .settings-dashboard .title-col { font-size: 18px; line-height: 21px; margin: 25px 0 20px; font-weight: normal; } @media (max-width: 1024px) { .settings-dashboard .title-col { text-align: center; } } .settings-dashboard .account-settings { background: #fff; margin-bottom: 20px; } .settings-dashboard .profile-photo { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 222px; border-radius: 0; margin-right: 20px; display: inline-block; vertical-align: middle; width: 222px; } @media (max-width: 1024px) { .settings-dashboard .profile-photo { display: block; margin: 0 auto 20px; } } .settings-dashboard .check-time { display: inline-block; vertical-align: middle; } @media (max-width: 1024px) { .settings-dashboard .check-time { display: block; margin: 0 auto 20px; } } .settings-dashboard .check-time-holder { font-size: 16px; line-height: 18px; color: #57b5ff; border-radius: 5px; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .settings-dashboard .check-time-holder .text-area { padding: 0 0 0 15px; position: relative; -ms-flex-item-align: stretch; align-self: stretch; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .settings-dashboard .check-time-holder .time-area { color: #a0a0a0; text-align: left; } .settings-dashboard .check-time-holder .time-area p { margin-bottom: 0; } .settings-dashboard .check-time-holder .time-area span { display: block; } .settings-dashboard .check-time-holder .active-text, .settings-dashboard .check-time-holder .time-icon-active { display: none; } .settings-dashboard .check-time-holder .popup-btn { display: inline-block; vertical-align: top; margin: 2px 5px 0; background-color: #57b5ff; color: #fff; cursor: pointer; border-radius: 50%; width: 18px; height: 18px; font-size: 14px; line-height: 18px; text-align: center; } .settings-dashboard .check-time-holder .popup-btn:hover { background-color: #0091f0; } .settings-dashboard .check-time-holder.active { color: #ff8c8c; } .settings-dashboard .check-time-holder.active .time-area { display: none; } .settings-dashboard .check-time-holder.active .time-icon path { fill: #ff3e3e; } .settings-dashboard .check-time-holder.active h5 { color: #ff8c8c; } .settings-dashboard .check-time-holder.active .active-text { display: block; margin: 0; } .settings-dashboard .check-time-holder.active .popup-btn { background-color: #ff8c8c; } .settings-dashboard .check-time-holder.active .popup-btn:hover { background-color: #ff3e3e; } .settings-dashboard .start-stop-area { margin-bottom: 15px; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; max-width: 320px; } @media (max-width: 1024px) { .settings-dashboard .start-stop-area { margin: 0 auto 15px; padding: 0 10px; } } .settings-dashboard .start-stop-area .switch-label { display: inline-block; vertical-align: middle; max-width: 180px; padding: 0 10px 0 35px; position: relative; -ms-flex-positive: 1; flex-grow: 1; } @media (max-width: 1024px) { .settings-dashboard .start-stop-area .switch-label { font-size: 16px; } } .settings-dashboard .start-stop-area .switch-label svg { width: 21px; height: 26px; position: absolute; top: 0; left: 0; } .settings-dashboard .start-stop-area .switch-label strong { font-weight: normal; display: inline-block; vertical-align: middle; } .settings-dashboard .start-stop-area .switch-start { display: inline-block; border-radius: 15px; vertical-align: middle; width: 63px; } .settings-dashboard .start-stop-area .switch-start .switch input { top: 0; right: 0; bottom: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 100; position: absolute; width: 100%; height: 100%; cursor: pointer; } .settings-dashboard .start-stop-area .switch-start .switch { width: 100%; height: 30px; position: relative; } .settings-dashboard .start-stop-area .switch-start .switch label { display: block; width: 100%; height: 100%; position: relative; background: #eee; border-radius: 15px; transition: all .5s ease; } .settings-dashboard .start-stop-area .switch-start .switch input ~ label i { display: block; height: 30px; width: 30px; position: absolute; left: 0; top: 0; z-index: 2; border: 2px solid #eee; border-radius: 50%; background: #fff; transition: all .5s ease; } .settings-dashboard .start-stop-area .switch-start .switch input:hover ~ label { background-color: #a0a0a0; } .settings-dashboard .start-stop-area .switch-start .switch input:hover ~ label i { border-color: #a0a0a0; } .settings-dashboard .start-stop-area .switch-start .switch input:disabled { cursor: default; } .settings-dashboard .start-stop-area .switch-start .switch input:disabled ~ label { cursor: default; } .settings-dashboard .start-stop-area .switch-start .switch input:disabled:hover ~ label { background-color: #eee; } .settings-dashboard .start-stop-area .switch-start .switch input:disabled:hover ~ label i { border-color: #eee; } .settings-dashboard .start-stop-area .switch-start .switch input:checked ~ label { background-color: #57b5ff; } .settings-dashboard .start-stop-area .switch-start .switch input:checked ~ label i { border-color: #57b5ff; left: 100%; transform: translateX(-100%); } .settings-dashboard .start-stop-area .switch-start .switch input:checked:hover ~ label { background-color: #0091f0; } .settings-dashboard .start-stop-area .switch-start .switch input:checked:hover ~ label i { border-color: #0091f0; } .settings-dashboard .start-stop-area .num-count { font-size: 21px; line-height: 28px; color: #57b5ff; text-align: right; padding-left: 10px; width: 63px; } .settings-dashboard .buttons-wrap { margin: 0 0 20px; padding: 5px 0; position: relative; text-align: center; } @media (max-width: 1024px) { .settings-dashboard .buttons-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .settings-dashboard .buttons-wrap .btn { margin-bottom: 15px; } @media (min-width: 768px) { .settings-dashboard .buttons-wrap .btn { position: absolute; top: 0; right: 0; margin-bottom: 0; } } .settings-dashboard .btn { background: #57b5ff; color: #fff; border-radius: 5px; height: 40px; line-height: 24px; padding: 7px 20px; display: inline-block; text-align: center; border: 1px solid #57b5ff; transition: all .3s ease; } .settings-dashboard .btn:hover { background: #0091f0; border-color: #0091f0; } .settings-dashboard .expand-collapse, .extend-license { color: #57b5ff; font-size: 18px; line-height: 28px; padding-bottom: 2px; position: relative; } .settings-dashboard .expand-collapse:after { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 1px; background: #57b5ff; transition: background .3s ease; } .settings-dashboard .expand-collapse:hover, .extend-license:hover { color: #0091f0; } .settings-dashboard .expand-collapse:hover:after { background: transparent; } .settings-block { background: #fff; color: #a0a0a0; margin-bottom: 30px; } .settings-block .title { cursor: pointer; margin-bottom: 0; position: relative; transition: background .3s ease, border-radius .3s ease; } @media (max-width: 1024px) { .settings-block .title { padding: 15px 50px; } } .settings-block .title:after { content: ''; border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: 30px; right: 20px; height: 0; width: 0; transition: transform .3s ease; } @media (max-width: 1024px) { .settings-block .title:after { top: 27px; } } .settings-block .info { font-size: 16px; line-height: 28px; display: none; padding: 35px 40px 10px; } @media (max-width: 1024px) { .settings-block .info { padding: 15px 15px 10px; } } .settings-block .info h6 { color: #000; font-size: 14px; font-weight: normal; line-height: 32px; margin: 0 0 10px; text-transform: uppercase; } .settings-block .title-wrap { margin: 0 0 10px; } .settings-block .title-wrap h5 { font-size: 16px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; } .settings-block .title-wrap .tooltip-block { display: inline-block; vertical-align: middle; position: relative; top: auto; right: auto; cursor: pointer; border-radius: 3px; width: 18px; height: 14px; font-size: 12px; line-height: 16px;} .tooltip-block .title:after { display: none; } .settings-block .row-form { margin: 25px 0 20px; position: relative; } @media (max-width: 1024px) { .settings-block .row-form { margin-top: 15px; } } .settings-block .row-form ul { list-style: none; margin: 0; padding: 0; } .settings-block .row-form input[type="text"], .settings-block .row-form input[type="tel"] { color: #57b5ff; font-size: 16px; height: 40px; background: #fff; border: 1px solid #d0d0d0; border-radius: 5px; padding: 9px 110px 9px 10px; -webkit-appearance: none; width: 100%; } .settings-block .row-form input[type="text"]:focus, .settings-block .row-form input[type="tel"]:focus { border-color: #a0a0a0; } .settings-block .row-form .btn { position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; padding: 7px 15px; min-width: 100px; } .settings-block .row-form input[type="number"], .settings-block .row-form input[type="tel"]{ padding: 9px 20px; width: 200px; } .settings-block .radio-wrap { display: inline-block; line-height: 18px; margin-bottom: 25px; padding-right: 10px; position: relative; min-width: 19%; } @media (max-width: 1024px) { .settings-block .radio-wrap { margin-bottom: 20px; } } .settings-block .radio-wrap input[type="radio"] { position: absolute; top: 0; left: 0; z-index: -1; } .settings-block .radio-wrap input[type="radio"] + label { cursor: pointer; padding-left: 26px; } .settings-block .radio-wrap input[type="radio"] + label:before { content: ''; background: #fff; border: 1px solid #a0a0a0; border-radius: 50%; height: 16px; width: 16px; position: absolute; top: 0; left: 0; } .settings-block .radio-wrap input[type="radio"]:checked + label { color: #57b5ff; } .settings-block .radio-wrap input[type="radio"]:checked + label:before { background: #57b5ff; border-color: #57b5ff; box-shadow: inset 0 0 0 4px #fff; } .settings-block .radio-wrap input[type="radio"]:disabled + label { color: #d0d0d0; cursor: default; } .settings-block .radio-wrap input[type="radio"]:disabled + label:before { border-color: #d0d0d0; } .settings-block .tabs { font-size: 0; line-height: 0; letter-spacing: -5px; list-style: none; margin: 0 0 30px; padding: 0; text-transform: uppercase; } @media (max-width: 1024px) { .settings-block .tabs { margin: 5px 0 20px; } } .settings-block .tabs li { border-left: 1px solid #57b5ff; display: inline-block; font-size: 14px; font-weight: normal; letter-spacing: normal; line-height: 14px; padding: 0 30px; vertical-align: middle; } @media (max-width: 1024px) { .settings-block .tabs li { padding: 0 20px; } } .settings-block .tabs li:first-of-type { border-left: none; padding-left: 0; } .settings-block .tabs li:last-of-type { padding-right: 0; } .settings-block .tabs li.active a { color: #57b5ff; } .settings-block .tabs a { color: inherit; } .settings-block .tabs a:hover { color: #57b5ff; } .settings-block .tabs ~ .hashtag-box { display: none; } .settings-block .tabs ~ .hashtag-box.opened { display: block; } .settings-block.opened .title { border-radius: 5px 5px 0 0; } .settings-block.opened .title:after { transform: rotate(180deg); } .hashtag-box .input-holder { overflow: hidden; min-width: 200px; } .hashtag-box .input-holder input { width: 100%; background: none; border-radius: 5px; margin: 0; line-height: 30px; height: 30px; color: #696969; padding: 0 10px; } .hashtag-box .hashtag-box-holder .label-holder { position: absolute !important; left: 0; top: -25px; float: none; } .hashtag-box .hashtag-box-holder .label-holder label { color: #008fd5; } .hashtag-box .hashtag-box-holder .tags-block { font-size: 0; line-height: 0; letter-spacing: -5px; margin: 0 -5px; position: relative; } .hashtag-box .hashtag-box-holder .tag { color: #a0a0a0; cursor: default; display: inline-block; vertical-align: top; padding: 5px 35px 5px 30px; border: 1px solid transparent; font-size: 16px; line-height: 18px; letter-spacing: normal; border-radius: 5px; margin: 0 15px 15px 0; position: relative; min-height: 30px; background-image: url("../images/icon-tags-blue.svg"); background-position: 5px 5px; background-repeat: no-repeat; background-size: 18px 18px; transition: border .15s ease; } .hashtag-box .hashtag-box-holder .tag:hover { border: 1px solid #d0d0d0; } .hashtag-box .hashtag-box-holder .tag:hover .remove { border-left: 1px solid #d0d0d0; } .hashtag-box .hashtag-box-holder .tag .remove { width: 25px; position: absolute; right: -1px; top: -1px; bottom: -1px; cursor: pointer; background: transparent; border: 1px solid transparent; border-radius: 0 5px 5px 0; transition: all .3s ease; } .hashtag-box .hashtag-box-holder .tag .remove:after, .hashtag-box .hashtag-box-holder .tag .remove:before { background: #a0a0a0; content: ""; height: 1px; left: 50%; position: absolute; top: 50%; width: 14px; margin: 0 0 0 -7px; transform: rotate(45deg); transition: background .3s ease; } .hashtag-box .hashtag-box-holder .tag .remove:before { transform: rotate(-45deg); } .hashtag-box .hashtag-box-holder .tag .remove:hover { background: #57b5ff; border-color: #57b5ff; } .hashtag-box .hashtag-box-holder .tag .remove:hover:after, .hashtag-box .hashtag-box-holder .tag .remove:hover:before { background: #fff; } .hashtag-box.location-box .tag { background-image: url("../images/icon-location-blue.svg"); } .hashtag-box.username-box .tag { background-image: url("../images/icon-user-blue.svg"); /*background-size: 40px 40px; min-height: 52px; line-height: 40px; padding-left: 55px; */} .location-box .location-result { border: 1px solid #d0d0d0; padding: 15px 15px 0px 10px; border-top: 0px; margin-top: -5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; } .location-box .location-result .btn-location { background: #57b5ff; color: #fff; border-radius: 5px; height: 40px; line-height: 24px; padding: 8px 20px; display: inline-block; text-align: center; border: none; transition: all .3s ease; width: 100%; margin-top: 20px; margin-bottom: 10px; } .location-box .location-result .btn-location:hover { background: #0091f0; } .location-box .location-result .checkbox-frame { border: 1px solid #eaeaea; min-height: 30px; padding: 0px 5px; border-radius: 5px; display: inline-block; margin: 5px 5px; } .location-box input[type="checkbox"] { display: none; box-sizing: border-box; padding: 0; opacity: 0; } .location-box input[type="checkbox"]:checked+label:after { content: '\2713'; line-height: 18px; width: 18px; text-align:center; color: #57b5ff; } .location-box input[type="checkbox"]:checked + div.checkbox-wrap div { background: #000; } .location-box label { display: inline-block; position: relative; font-size: 16px; font-weight: 400; color: #a0a0a0; } .location-box label img { vertical-align: middle; width: 18px; height: 18px; margin-bottom: 5px; margin-right: 5px; } .location-box label:after { content: ""; display: inline-block; vertical-align: middle; margin-left: 13px; width: 18px; height: 18px; background-color: #fff; border: 1px solid #57b5ff; border-radius: 4px; margin-bottom: 3px; } /* .select2-container--default { color: #a0a0a0; font-size: 16px; font-weight: normal; line-height: 24px; width: 100% !important; } .select2-container--default .select2-selection--multiple { border: 1px solid #d0d0d0; border-radius: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0; vertical-align: top; } .select2-container--default .select2-selection--multiple .select2-selection__choice { display: none; } .select2-container--default .select2-selection--multiple .select2-search--inline { float: none; } .select2-container--default .select2-search--inline .select2-search__field { height: 38px; margin: 0; padding: 9px 110px 9px 10px; width: 100% !important; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #a0a0a0; } .select2-container--default.select2-container--open .select2-selection--multiple { border-radius: 5px 5px 0 0; } .select2-container--default.select2-container--open + .btn { border-radius: 0 5px 0 0; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-radius: 0 0 5px 5px; } .select2-container--default.select2-container--open.select2-container--above + .btn { border-radius: 0 0 5px 0; } .select2-container--default .select2-results__option[aria-selected] { background-color: transparent; background-image: url("../images/icon-location-blue.svg"); background-position: 15px 18px; background-repeat: no-repeat; background-size: 18px 18px; padding: 15px 45px; position: relative; } .select2-container--default .select2-results__option[aria-selected]:before, .select2-container--default .select2-results__option[aria-selected]:after { content: ''; position: absolute; top: 18px; right: 15px; height: 20px; width: 20px; } .select2-container--default .select2-results__option[aria-selected]:before { border: 1px solid #a0a0a0; } .select2-container--default .select2-results__option[aria-selected]:after { background-image: url("../images/icon-checked.svg"); background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eee; color: #a0a0a0; } .select2-container--default .select2-results__option[aria-selected=true]:after { opacity: 1; }*/ .footer-menu li a { color: #57b5ff; } .footer-menu li:hover:after, .footer-menu li.active:after { background: #57b5ff; } @media (max-width: 900px) { .hashtag-box .hashtag-box-holder .tags-block { float: none; width: 100%; } .hashtag-box .hashtag-box-holder .input-holder { float: none; width: 100%; } } @media (max-width: 830px) { .settings-dashboard .start-stop-area svg { margin-right: 15px; } .settings-dashboard .start-stop-area .switch-start label { font-size: 16px; } } @media (max-width: 768px) { .header_ { background: #0091f0; } .sign-block { margin-top: 24px; margin-right: 56px; } } @media (max-width: 580px) { .settings-dashboard .start-stop-area { margin-bottom: 20px; } } .boost-like-image { display: inline-block; width: 30%; padding-top: 33%; position: relative; /*border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ margin-left: 1%; cursor: pointer; } .boost-like-image.active { opacity: 0.5; } .boost-like-image.active:after { content: ""; background: url('../images/boost-likes-checkmark.png'); background-position: center; background-size: cover; font-size: 20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 50px; height: 50px; } .popup-holder.none-svg:after { width: 0px; height: 0px; } .boost-likes-left-link { position: absolute; height: 36px; top: 18px; left: 20px; color: #156ba9; cursor: pointer; } .boost-likes-right-link { position: absolute; height: 36px; top: 18px; right: 20px; color: #156ba9; cursor: pointer; } #time-works .popup-holder:after, #boost-your-likes .popup-holder:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iklzb2xhdGlvbl9Nb2RlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDExMy40IDExNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEzLjQgMTE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMENGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yMSwyOS41Yy0yLjksMi41LTkuOSwxMy4xLTEwLjksMjMuMmMtMC4yLDIuMiwxLjQsNCwzLjUsNGgwLjVjMiwwLDMuNiwxLjYsMy42LDMuNnYxLjJjMCwyLTEuNiwzLjYtMy42LDMuNmgwYy0yLjQsMC00LjIsMi40LTMuNCw0LjdjMi40LDcuMSw2LjUsMTMuNSw5LjMsMTcuMmMxLjQsMS45LDQuMiwyLjIsNiwwLjdsMzAuNy0yNi42VjEzLjdjMC01LjgtNS4zLTEwLjItMTAuOS05LjFDMjAuMyw5LjcsMSwzMi4yLDEsNTkuMmMwLDMxLDI1LjQsNTYuMiw1Ni42LDU1LjdjMjkuNi0wLjQsNTQtMjQuNCw1NC44LTU0YzAuNS0xOC40LTcuOS0zNC45LTIxLjItNDUuNGMtMy4zLTIuNi00LjUtNy4xLTIuOC0xMC45TDYzLjYsMS4zbDEyLjIsMjAuM2MwLDAsNC4zLTQuNSw3LjctMS4xYzUuOCw1LjgsMTUuOCwxNy4yLDE4LjksMzEuNmMwLjUsMi4zLTEuMyw0LjQtMy42LDQuNGgwYy0yLDAtMy42LDEuNi0zLjYsMy42djEuNGMwLDIsMS42LDMuNiwzLjYsMy42aDBjMi4zLDAsNC4xLDIuMiwzLjYsNC40Yy00LjYsMjAuOS0yNS4xLDM2LjktNDUuNywzNi45Ii8+PC9zdmc+); } #time-works .row > div:first-child, #boost-your-likes .row > div:first-child { border-right: 1px solid #f2f2f2; } #time-works .row > div p, #boost-your-likes .row > div p { font-size: 16px; color: #a1a1a1; } #boost-your-likes button, #boost-your-likes-step-3 button { text-align: center; border: 1px solid #549de1; background: #ecf8ff; border-radius: 4px; color: #424183; padding: 7px 20px; } #time-works h6 { font-size: 18px; margin: 0 0 15px; color: #04a2e2; } #time-works .remaining-area { background-color: #eef9f9; padding: 10px 0 10px 23px; color: #04a2e2; font-size: 16px; border-radius: 5px; margin-bottom: 20px; min-height: 60px; } #time-works .remaining-area svg { width: 30px; height: 33px; margin-right: 13px; display: inline-block; vertical-align: middle; } #time-works .remaining-area svg path { stroke: #04a2e2; } #time-works .remaining-area .text-area { display: inline-block; vertical-align: middle; max-width: 75%; } #time-works .remaining-area .text-area p { margin: 0; } #time-works .remaining-area.more-time { background-color: #fff4f6; color: #fa9fb2; } #time-works .remaining-area.more-time svg path { stroke: #fa9fb2; } #time-works .time-pack { padding: 23px 0 13px; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; position: relative; margin-bottom: 20px; } #time-works .time-pack:after { position: absolute; width: 16px; height: 16px; content: ""; top: -8px; left: 50%; transform: translateX(-50%); background: #ddd; border-radius: 100%; } #time-works .time-pack img { float: left; width: 94px; height: auto; max-width: 100%; margin-right: 35px; } #time-works .time-pack .text-block { color: #a1a1a1; font-size: 16px; } @media (max-width: 640px) { #time-works .popup-holder h1 { margin-bottom: 10px; } #time-works h6 { font-size: 16px; margin-bottom: 5px; } #time-works .remaining-area { padding: 5px; width: 100%; min-height: 100%; } #time-works .remaining-area svg { margin: 0 auto; display: block; } #time-works .remaining-area .text-area { display: none; } #time-works .row > div p { font-size: 14px; line-height: 14px; } #time-works .time-pack { padding: 10px 0; margin-bottom: 10px; } #time-works .time-pack img { width: 80px; margin-right: 25px; } #time-works .time-pack .text-block { overflow: hidden; } }