body,html{height:100%}body,form{margin:0}body,td{padding:0}body,body.loginwindow{background:#fff}hr,img{border:none}body,h1,h2,h3,td,th{color:#000}td{vertical-align:top}a{outline:0}div,table{border-collapse:collapse}p{margin:0 0 10px}.eight{font-size:8pt}ul{margin:0 15px 15px;padding:5px 15px}li{margin-bottom:4px}.clear{width:0;height:0;content:'';clear:both}body,td,th{font:10pt Ubuntu,Arial,Tahoma,Helvetica,sans-serif;text-align:left}hr{color:#eee;background-color:#eee;height:1px;margin-top:5px;margin-bottom:12px}button,input,select,textarea{font:10pt Ubuntu,Arial,Tahoma;color:#111}.btna,h1,h2,h3{font-weight:500}textarea{resize:none}h1,h2,h3{margin-bottom:15px}h3,h5{margin-bottom:8px}h1{font-size:20pt}h2{font-size:18pt}h3{font-size:13pt}h4{font-weight:400;font-size:12pt;margin-bottom:10px;color:#ec6099}h5,h6{font-weight:700}h5{font-size:11pt;padding-top:5px;color:#444547}h6{font-size:8pt;margin:20px 0 6px}.mycentertext{width:100%;text-align:center}p h2{padding-top:15px}h3 h3,p h3{padding-top:10px}a:active,a:hover,a:link,a:visited{color:#003b7a;text-decoration:none}.btna,.footer1 a,.redbrand a{text-decoration:none!important;color:#fff!important}.white{color:#fff!important}.sitecontainer{padding:10px 10px 20px}.sitebox{width:80%;max-width:1100px;min-width:1000px;margin:0 auto}.sitebox.mayak{background:url(img/mayak.png) 100% 100% no-repeat;padding-bottom:50px}.btna{display:block;float:left;line-height:28px;background:url(img/btn.png) repeat-x #e9473a;border:0;margin:0;padding:0 20px;font-size:10pt;border-radius:6px}.btna:hover{background-position:0 -15px}.blackfoot,.blackhead{padding:20px 0 0;background:#000}.redbrand{float:right;padding:42px 0 10px;width:160px;color:#fff;font-size:10pt}.redbrand img{float:left;margin:2px 15px 0 0}.redbrand span{font-size:11pt;border-bottom:1px solid #fff}.redbrand a:hover span{border-bottom:1px solid #000}.footer1,.footer2{float:left;width:200px;height:60px;color:#fff;font-size:9pt}.footer1{padding:0 5px 5px 0} .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .spfloatcleaner { clear: both; } .spcalc { display:flex; justify-content: flex-start; flex-flow: column nowrap; align-items: center; width: 100%; background-color: #efeeee; border: solid 3px #ec693b; border-radius: 3px; } .spthdr { width: 100%; background-color: #ec693b; color: white; padding: 3px; font-size: 15px; font-weight: bold; text-align: center; } .spspace { width: 100%; height: 15em; } .spordbtn { display:block; width: 100%; color: white !important; text-align:center; font-weight: bold; font-size: 22px; text-decoration: none !important; padding: 5px 0 5px 0; background-color: #ec693b; } .spordbtn:hover { background-color: #f19574; color: white; } a.spordbtn { color: white; } .sparam { width: 100%; padding: 5px 0 5px 0; border-bottom: solid 1px #ec693b; } .sparam.ram { border-bottom: unset; } .sprange { } .spctslider { width: 95%; margin: 0 auto 10px auto; } .spctselect { } .spcadname { display:flex; flex-flow: row nowrap; justify-content:center; align-items: baseline; width:100%; font-size: 16px; margin-bottom: 10px; } .spcadname .splabel { margin-left: 10px; color: #0e0e0e; display: inline-block; } .spcadname .spvalue { color: #040404; font-size: 18px; margin-left: 5px; font-weight: bold; } .spinfbtn { margin-right: 5px; color: white; padding: 3px 7px; border-radius: 3px; display: inline-block; float: right; background-color: #ec693b; } .spinfbtn:hover { background-color: #f19574; } .sparswch { color: white; padding: 3px 7px; border-radius: 3px; display: inline-block; background-color: #ec693b; margin-right: 16px; font-weight: bold; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sparswch:hover { background-color: #f19574; } .sparswch.left { margin-left: 10px; } .spadprice { background-color: #ffad33; color: white; border-radius: 3px; padding: 3px; float: right; margin-right: 5px; } .sprprice { background-color: #ffad33; color: white; border-radius: 3px; padding: 3px; } .calcresult { display:flex; align-items: center; flex-flow: row nowrap; justify-content: space-between; width: 100%; color: #0e0e0e; font-size: 26px; } .calcresult > span { display: block; margin: 5px; } .ui-selectmenu-button { margin-left: 5px; } .spcalc.kvmsas { border: solid 3px #ec693b; } .spcalc.kvmsas > .spthdr { padding: 5px 0px; background-color: #ec693b; } .spcalc.kvmsas > .sprange.sparam, .spcalc.kvmsas > .spselect.sparam { border-bottom: solid 1px #ec693b; } .spcalc.kvmsas .spordbtn, .spcalc.kvmsas .spinfbtn, .spcalc.kvmsas .sparswch { background-color: #ec693b; } .spcalc.kvmsas .sprprice, .spcalc.kvmsas .spadprice{ background-color: #ffad33; } .spcalc.vdsnvme { border: solid 3px #3498db; } .spcalc.vdsnvme > .spthdr { padding: 5px 0px; background: linear-gradient(#9595b6, #5a567f); } .spcalc.vdsnvme > .sprange.sparam, .spcalc.vdsnvme > .spselect.sparam { border-bottom: solid 1px #3498db; } .spcalc.vdsnvme .spinfbtn, .spcalc.vdsnvme .sprprice, .spcalc.vdsnvme .spadprice, .spcalc.vdsnvme .sparswch{ background-color: #666699; } .spcalc.vdsnvme .spordbtn { background: linear-gradient(#9595b6, #5a567f); } body,td { padding:0 } hr,img { border:none } a:hover,body,h3,td,th { color:#000 } .blackmenu li:hover .sublackmenu,.btna,.footer3 ul li,.footer4 ul li,.spoiler>input:checked+.box>blockquote { display:block } .footer1 .email,.footer1 .zag,.footer2 .contact { font-size:12px } .facedomainw,.sublackmenu li,.sublackmenu ul,body,body.loginwindow { background:#fff } .btna,.facedomain,.sublackmenu ul { behavior:url(js/PIE.htc) } .domainlist label input,.tariftab td { vertical-align:middle } .dropdown li a,.myButton,.myButton2 { font-family:arial } .fswitch li a,.leftmenu li,.tabs label,h1 { text-transform:uppercase } #thankyou,#toBill { margin-bottom:2em } html { height:100% } *html img { behavior:url(/externjs/iepngfix.htc) } td { vertical-align:top } .spoiler>input[type=checkbox]:focus,a { outline:0 } div,table { border-collapse:collapse } .blackmenu li:first-child,.domaincheck,form,p { margin:0 } .eight { font-size:8pt } ul { margin:0 15px 15px; padding:5px 15px } .facetitle,li { margin-bottom:4px } h3,h5 { margin:0 0 8px } .clear { width:0; height:0; content:''; clear:both } body { height:100%; margin:0 } .copyright p,h5 { padding-top:5px } body,td,th { font:10pt Ubuntu,Arial,Tahoma,Helvetica,sans-serif; text-align:left } hr { color:#eee; background-color:#eee; height:1px; margin-top:5px; margin-bottom:12px } .slidehostingtab.xeon p.title,h2 { margin:0 0 18px } input,select,submit,textarea { font:10pt Ubuntu,Arial,Tahoma; color:#111 } h2,h3 { font-weight:500 } textarea { resize:none } h1 { font-family:Tahoma,sans-serif; line-height:50px } h2 { font-size:18pt; color:#d11383 } h3 { font-size:13pt } h4 { font-weight:400; font-size:12pt; margin:0 0 10px; color:#ec6099 } .footer1 .email,.footer2 .contact,.sublackmenu li a,a:active,a:hover,a:link,a:visited,h5,h6 { } h5 { font-size:11pt; color:#444547 } h6 { font-size:8pt; margin:20px 0 6px } .mycentertext { width:100%; text-align:center } p+h2 { padding-top:15px } .listspecial p.eight,h3+h3,p+h3 { padding-top:10px } a:active,a:link { color:#0048ac; text-decoration:none } a:visited { text-decoration:underline } a:hover { text-decoration:none } .btna,.redbrand a { text-decoration:none!important; color:#fff!important } .copyright a,.loginbox a,.white { color:#fff!important } .sitecontainer { padding:10px 10px 20px } .sitebox { width:100%; max-width:1400px; min-width:1000px; margin:0 auto } .sitebox.mayak { background:url(img/mayak.png) 100% 100% no-repeat; padding-bottom:150px } .btna { float:left; line-height:28px; background-image:url(img/btn.png); background-position:0 0; background-repeat:repeat-x; background-color:#e9473a; border:0; margin:0; padding:0 20px; font-size:10pt; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-weight:500 } .btna:hover { background-position:0 -15px } .blackhead { padding:20px 0 0; background:#003841; position:sticky; top:0; z-index:9999 } .blackfoot { padding:20px 0 0; background:#000 } .redbrand { float:right; padding:42px 0 10px; width:160px; color:#fff; font-size:10pt } .copyright,.footer1,.footer2,.footer3,.footer4,.footer5 { color:#fff; font-size:9pt } .footer2 img,.redbrand img { float:left; margin:2px 15px 0 0 } .footer2 span,.redbrand span { font-size:11pt; border-bottom:1px solid #fff } .redbrand a:hover span { border-bottom:1px solid #000 } .footer1 { float:left; padding:0 5px 5px 0; width:200px; height:60px } .footer1 img { float:none; margin:2px 15px 0 0 } .footer1 a,.footer2 a,.footer3 a,.footer4 a,.footer5 a { text-decoration:underline; color:#fff!important } .footer1 a:hover span,.footer2 a:hover span,.footer3 a:hover span,.footer4 a:hover span,.footer5 a:hover span { text-decoration:none; border-bottom:1px solid #000 } .footer1 .zag { color:#fff; text-decoration:none; padding-bottom:9px } .footer2 { float:left; padding:0 0 10px 10px; width:190px; height:60px } .footer3,.footer4 { float:left; text-align:left; padding:0; width:180px; height:60px } .btn-up_hide,.fscontainer,.spoiler>input+.box>blockquote,.spoiler>input+.box>span.close,.spoiler>input:checked+.box>span.open,.sublackmenu { display:none } .footer3 .zag3,.footer4 .zag4 { padding-left:30px; font-size:12px; color:#fff; text-decoration:none; padding-bottom:10px } .footer5 { float:left; text-align:left; padding:0 16px 0 0; width:230px; height:65px } .footer5 li { display:inline; margin-right:15px; list-style:none } .copyright { float:right } .copyright span { padding-left:13px } .blacklogobox { height:65px; padding-top:3px } .blacklogobox .blacklogo,.fl_l { float:left } .blackfoot .blacklogobox { height:155px } .socialbox { float:left; width:132px; height:35px; padding-top:10px } .facedomainlist ul,.socialbox ul { margin:0; padding:0 } .socialbox li { list-style:none; float:left; margin:0 5px 0 0; padding:0 } .phonebox { float:right; width:325px; height:37px; padding-top:5px; font-size:21pt; color:#000; line-height:37px } .blacklogobox .phonebox,.facespecial a,.footer-col ul li a:hover,.loginbox { color:#fff } .phonebox img { float:left; margin-right:8px } .blackmenu { height:65px; padding:0 } .blackmenu ul { margin:0; padding:0 0 0 24px } .blackmenu li { position:relative; list-style:none; float:left; margin:0 0 0 27px; padding:17px 0 25px; font-size:12pt; font-weight:500 } .blackmenu a { color:#fff3a8!important; text-decoration:none } .blackmenu a:hover { color:#fff!important; text-decoration:none } .sublackmenu { position:absolute; top:50px; left:-20px; z-index:100 } .sublackmenu ul { margin:0; padding:4px 0; border:2px solid #3bafec; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } .sublackmenu li { display:block; width:215px; list-style:none; float:none; margin:0; padding:10px 18px; font-size:10pt; font-weight:400; border-top:1px solid #fbddde } .sublackmenu li:first-child { border-top:0 } .sublackmenu li a { color:#000!important; transition:.5s } .sublackmenu li a:hover { color:#4169e1!important } .sublackmenu span { display:block; position:absolute; top:-12px; left:0; font-size:12pt; width:100px; height:13px; color:#3bafec; padding-left:14px; overflow:hidden; zoom:0 } .loginbox { float:right; width:194px; height:37px; padding:8px 0 0 20px; font-size:10pt; background:url(img/login.gif) 0 8px no-repeat } .loginbox p { margin:0 0 5px } .loginbox span { display:flex; float:right; width:81px; padding-top:1px; font-size:7pt; line-height:1em } .topfacebox { height:85px; padding-top:10px } .facebox { position:relative; z-index:1; width:850px; height:170px; margin:0 auto } .faceplaneta { position:absolute; top:-13px; left:-22px } .face { float:right; width:560px } .facedomainbox { position:relative; z-index:1; width:560px; height:110px; background:url(img/spaceman.png) 300px 0 no-repeat } .facedomainbox p { display:block; font-size:14pt; padding:30px 0 0 25px; margin:0; height:34px; font-weight:500 } .facedomain { float:left; width:395px; padding:7px 0 7px 16px; margin:0 22px 0 0; background:url(img/btn.png) 0 -2px repeat-x #f0b43c; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px } .facedomainw { float:left; width:270px; height:29px; padding:0; margin:0 10px 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; behavior:url(js/PIE.htc) } .faceswitchbox,.insidebox { margin:0 0 25px; background:#315b7f; behavior:url(js/PIE.htc) } .facedomain .inputdomain,.facedomain select { border:0; color:#333; background:#fff; float:left } .facedomain .inputdomain { width:160px; margin:7px 5px 0 4px; padding:1px 6px; border-right:1px solid #ccc } .facedomain select { width:75px; margin:7px 0 0 } .facedomain input.btna { width:100px; height:29px; padding:0; cursor:pointer } .facedomainlist { float:left; width:120px } .facedomainlist li { list-style:none; float:left; width:38px; margin:0; padding:0; font-size:8pt; font-weight:400; color:grey; line-height:1em } .faceconsult { position:absolute; z-index:2; top:12px; left:395px; font-size:11pt; font-weight:300; text-align:left } #signup .txt-fld,.breadcumbs,.uwhite,div.dropdown { position:relative } .facespecial,.fswitch li,.slidehostingtab strong,.tariftab th { font-weight:500 } #panel,.block_rent,.tariftab th { text-align:center } .insidebox { padding:6px; -moz-border-radius:15px; border-radius:15px } .insidebox h1.white { padding:0 0 0 40px; margin:0 0 16px; color:#fff!important; line-height:40px } .faceswitchbox { -moz-border-radius:15px; border-radius:15px } .faceswitchback { background:url(img/ica2.png) 95% 100% no-repeat; padding:15px 0 } .faceswitch { padding:0 3px; background:url(img/ica1.png) 40px 0 no-repeat } .fswitch { display:block; margin:0; padding:0 0 0 75px; height:40px; overflow:hidden } .fswitch li { display:block; list-style:none; float:left; margin:0 0 0 3px; padding:0 10px 10px; font-size:10pt; line-height:42px } .fswitch li a { color:#fff!important; text-decoration:none!important; border-bottom:0 dashed #fff } .fswitch li a:hover { border-bottom:0 } .fswitch li.active { background:#388cde; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; behavior:url(js/PIE.htc) } .ugray,.uwhite { -webkit-border-radius:15px } .leftgradient,.ugray { -moz-border-radius:15px; behavior:url(js/PIE.htc) } .fswitch li.active a,ul.selectyear li.active a { color:#fff!important; text-decoration:none!important } .uwhite { background:#fff; padding:15px } .ugray { background:#efefef; padding:25px; border-radius:15px } .fiftyleft,.fiftyright { margin:0 0 15px; padding-top:5px } .uwhite p,h1,h2,h3,h4,h5,h6,ul { margin-left:0; margin-right:0 } .fiftyleft { float:left; width:65% } .fiftyright { float:right; width:48% } .facespecial { font-size:15pt; padding:18px 0 7px 40px } .minwidget.size0>.mlabel,.minwidget.size1>.mlabel,.slidehostingtab { width:100% } .slidehostingtab td { width:25%; padding:0 15px 0 20px; font-size:11pt } .slidehostingtab.five td { width:20%; padding:10px 0 0 20px; border-bottom:2px solid #aeaeae } .slidehostingtab p { margin:0 0 8px } .slidehostingtab p.title { font-size:14pt; font-weight:500; margin:0 0 12px } .slidehostingtab p.permonth { margin:12px 0 15px; font-size:10pt } .slidehostingtab p.permonth strong { font-size:15pt; color:#0048ac; font-weight:700 } .slidehostingtab .btna { background-color:#134d9e; border:1px solid #2d5a91 } .mainleft { float:left; width:48%; padding-top:20px } .mainright { float:right; width:48% } .leftgradient { margin:0 0 25px; padding:5px; background:#bf3535; border-radius:15px } .materik { width:230px; height:86px; margin:0 auto } .rightgradient { margin:0; padding:0 5px 5px; background:url(img/bg2.jpg) 0 -86px repeat-x #128f9f; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; behavior:url(js/PIE.htc) } .leftgradient h2.white { padding:7px 0 0 40px; margin:0 0 10px; color:#fff!important } ul.action { margin:0 15px; padding:0 0 0 15px } ul.action li { margin:0; padding:10px 0 0; font-size:11pt } .facenews { padding:0 140px 0 0; margin:0 0 15px } .facenews h3 { margin-left:12px } ul.facenewslist { margin:0; padding:5px 0 0 12px } ul.facenewslist li { list-style:none; margin:-8px 0 14px; padding:0; font-size:10pt } ul.newslist { margin:0; padding:5px 0 0 } ul.newslist li { list-style:none; margin:0 0 14px; padding:15px 0 0; font-size:10pt } ul.newslist li p { margin-bottom:5px } .listspecial p+h3,ul.newslist li p+h3 { margin:0 0 5px 15px; padding-top:0 } .listspecial { margin-bottom:25px } .listspecial p { margin-bottom:6px } .listspecial p+h2 { margin:0 0 10px 15px; padding-top:5px } .breadcumbs { height:75px; line-height:80px; font-size:9pt; padding-left:70px; overflow:hidden } .breadcumbs span { padding:0 6px } .breadcumbs .consult { float:right; position:relative; width:176px; height:75px; background:url(img/spaceman.png) 0 11px no-repeat; padding-left:100px; font-size:11pt; text-align:left } .tariftab { width:100%; margin:0 0 25px } .tariftab th { padding:20px 15px; background:#fceede; font-size:11pt; border-left:1px solid #fff; border-bottom:1px solid #fff } .tariftab th:first-child { text-align:left; border-left:0 } .tariftab td.nonfirst { border-left:1px solid #fff; text-align:left } .tariftab td { padding:7px 8px; font-size:10pt; border:1px solid #fbddde; text-align:left; width:15%; height:25px } .domainlist td,.tariftab td:first-child { width:20%; text-align:left } .tariftab td.plan { background:#fbddde; border-left:1px solid #fff; height:25px } .tariftab .red { color:#f60 } .tariftab .btna { float:none; width:50px; margin:0 auto } .tariftabtd { -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:#f2f2f2; background-image:-moz-linear-gradient(center top,#f2f2f2,#e5e5e5); border-color:#dbdbdb #dedede -moz-use-text-color #f5f5f5; border-image:none; color:#222; background-repeat:repeat-x; border:1px solid; border-color:#dbdbdb #dedede transparent #f5f5f5; background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5)) } .dop_uslugi_inner .dop_uslugi_table li .col_right,.dop_uslugi_table li .col_left,.dop_uslugi_table ul li { border-right:1px solid #f2f2f2 } .tariftab sup.new { color:#f54e04; padding-left:3px } .tariftab sup.idn { color:#2f62aa; padding-left:3px } .domainlist { margin:0 0 50px } .domainlist td { padding-left:15px; height:auto } .domaincheck th { border-left:0; border-bottom:0; padding:20px 10px } .domaincheck th:first-child { text-align:right; width:35%; padding-right:0 } .domaincheck th.submitdomain { width:35%; text-align:left; padding-left:0 } .domaincheck input.btna { width:100px; height:29px; padding:0; cursor:pointer; margin:0 } .domaincheck input.yourdomain { width:300px; padding:4px 6px; font-size:11pt } .pricedomain td { height:auto } .buydomain { border-top:1px solid #fbddde; margin:-47px 0 50px } .buydomain td:first-child { padding-left:35px } .vrezka { background:#fceede; padding:20px 20px 10px; margin:0 0 25px 40px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; behavior:url(js/PIE.htc) } #signup,.test,div.submenu_zakaz { display:none; background:#fff } .inleft { float:left; width:25%; position:sticky; top:15% } .inright { float:right; width:75% } .leftmenu { margin:4px 30px 0 0; padding:0; border-right:0px solid #344871; border-top:0 solid #fbddde } .leftmenu li,.root,ul.selectyear li { margin:0; list-style:none } .leftmenu li { padding:12px 0; font-weight:700 } .myButton,.myButton2 { font-weight:400; font-size:13px } .leftmenu li.active a { color:#000; text-decoration:none!important } ul.selectyear { margin:0 0 0 3px; padding:0; height:32px } ul.selectyear li { float:left; padding:0 12px; font-size:10pt; line-height:28px } ul.selectyear li.active { background:#eb533c; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; behavior:url(js/PIE.htc); font-size:11pt } .googlemap { height:570px } div.dropdown { color:#555; text-align:left } div.submenu_zakaz { position:absolute; top:-12px; z-index:100; width:300px; margin:44px 0 0 28px; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,.45) } .left1 { left:-195px } .left4 { left:-126px } .left5 { left:-57px } .dropdown li a { color:#555; display:block; font-weight:700; padding:6px 15px; cursor:pointer; text-decoration:none } .dropdown li a:hover { background:#155fb0; color:#fff; text-decoration:none } .root { padding:11px 0 0; font-size:11px } .pd_10 { padding:10px; min-height:110px } #lean_overlay { position:fixed; z-index:100; top:0; left:0; height:100%; width:100%; background:#000; display:none } .test { border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,.698); padding:30px; width:600px } #signup-header { background:url(img/auth/hd-bg.png); padding:15px 14px 0 18px; border-bottom:1px solid #ccc; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; color:#383838 } #signup .txt-fld { color:#000; width:364px; padding:12px 0; border-bottom:1px solid #eee; text-align:right } #signup .btn-fld { width:254px; overflow:hidden; padding:12px 20px 12px 130px; color:#000 } #signup .txt-fld label { display:block; float:left; width:90px; padding-top:8px; color:#222; font-size:1.3em; text-align:left } #signup .txt-fld input { width:244px; padding:8px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-size:1.2em; color:#222; background:#f7f7f7; font-family:"Helvetica Neue"; outline:0; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #e7e6e6; border-bottom:1px solid #e7e6e6 } #signup-header h2 { color:#444; font-size:2em; font-weight:700; margin-bottom:3px; text-shadow:1px 1px 0 rgba(255,255,255,.5) } #signup-header p { color:#444; font-size:1.3em; margin-left:16px; text-shadow:none } #signup { width:404px; padding-bottom:2px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 4px rgba(0,0,0,.7); -webkit-box-shadow:0 0 4px rgba(0,0,0,.7); -moz-box-shadow:0 0 4px rgba(0,0,0,.7) } .txt-fld input:focus,.txt-fld textarea:focus { background-color:#faf9dc } .h_a_r { margin-left:145px } .logo_f { position:absolute; height:96px; width:308px } #hidden_panel,.add_comment { position:fixed; height:150px } a.idn,span.idn { padding-right:14px; background:url(img/idn-ico.gif) right 2px no-repeat } a.new,span.new { padding-right:17px; background:url(img/new-ico.gif) right 2px no-repeat } .add_comment { display:block; width:30px; right:0; top:270px; z-index:99999 } .myButton,.myButton2 { display:inline-block } #panel { position:fixed; top:100px; right:0; background:url("img/bg1.jpg") repeat-x #d01285; width:15px; height:120px; font:14px Arial; color:#fff; padding:5px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; z-index:9999 } #hidden_panel { top:100px; right:-220px; background:url(img/bg1.jpg) repeat-x #d01285; color:#000; width:200px; padding:10px; text-align:left; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s; -webkit-border-radius:0px 0px 0px 5px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px } #panel:hover { right:220px } #panel:hover #hidden_panel { right:0 } .myButton { -moz-box-shadow:inset 0 1px 0 0 #51b821; -webkit-box-shadow:inset 0 1px 0 0 #51b821; box-shadow:inset 0 1px 0 0 #51b821; background-color:#65b83b; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #5c963c; color:#fff; padding:6px 12px; text-decoration:none; text-shadow:1px 1px 0 #527a3d } .myButton:hover { background-color:#3bb000 } .myButton2:active,.myButton:active { position:relative; top:1px } .myButton2 { -moz-box-shadow:inset 0 1px 0 0 #54a3f7; -webkit-box-shadow:inset 0 1px 0 0 #54a3f7; box-shadow:inset 0 1px 0 0 #54a3f7; background-color:#2e8fbf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #124d77; color:#fff; padding:6px 8px; text-decoration:none; text-shadow:0 1px 0 #154682 } .myButton2:hover { background-color:#087dd1 } .myButton2:link,.myButton2:visited,.myButton:link,.myButton:visited,.pre_demo a:hover { color:#fff; text-decoration:none } .block_rent { border-radius:4px; border-bottom:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; width:200px; margin-bottom:20px; padding-bottom:5px } .text_block_rent { text-align:left; padding-top:10px; font-size:13px } .head_rent { height:37px; font-size:16px; line-height:24px; color:#fff; text-shadow:-1px -1px #343434; text-decoration:none; font-family:MyriadProRegular; background:#794bcf; border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.25),inset 0 -1px 0 rgba(0,0,0,.1); opacity:.9 } .price { text-align:left; margin:0 0 10px 16px; font-size:29px; line-height:30px; color:#222; font-family:Arial,Arial,Helvetica,sans-serif } .centbl,.centbl1 { height:293px; top:0; left:50%; margin-left:-60px; z-index:100 } .price span { font-size:14px; font-weight:400 } .green { font-weight:700; color:green } .head_rent_h { font-family:Verdana,Verdana,Geneva,sans-serif; padding:6px; font-weight:700 } .serverzzz,.serverzzz1 { border:1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px; -khtml-border-radius:1px; border-radius:10px; width:100%; padding-bottom:10px; margin-top:10px; margin-bottom:30px; position:relative; float:left } .centbl,.centbl1,.preview_price { position:absolute } .leftbl th,.leftbl1 th,.rightbl th,.rightbl1 th { text-align:center; padding:10px; border-bottom:1px solid #ccc } .leftbl { float:left; width:42% } .leftbl h3,.leftbl1 h3,.rightbl h3,.rightbl1 h3 { font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:700; color:#000 } .blue,.blue1,.leftbl p,.leftbl1 p { font-size:14px; font-weight:700; font-family:Arial,Helvetica,sans-serif } .blue,.blue1 { color:#0e2373 } .leftbl p,.leftbl1 p { color:#333; padding:5px } .leftbl td,.leftbl1 td,.rightbl td,.rightbl1 td { font-family:Arial,Helvetica,sans-serif; font-size:13px; color:#333; padding:3px; font-weight:400; border-bottom:1px solid #ccc } .leftbl td.description,.leftbl1 td.description1,.rightbl td.description,.rightbl1 td.description1 { font-weight:bolder; width:40% } .leftbl td.green_galk,.leftbl1 td.green_galk1,.rightbl td.green_galk,.rightbl1 td.green_galk1 { background:url(img/green-galk.jpg) center center no-repeat } .centbl { background:url(img/servers.png) top center no-repeat; width:16% } .rightbl,.rightbl1 { float:right; width:42% } .leftbl1 { float:left; width:50% } .centbl1 { background:url(img/servers1.png) top center no-repeat; width:16% } .servisezzz1 { border:1px solid red; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px } td.gray_line { height:7px; padding:0; font-size:0px; background:#f6f6f6; background-image:-webkit-gradient(linear,left bottom,left top,from(#f6f6f6),to(#d4d4d4)); background-image:-webkit-linear-gradient(bottom,#f6f6f6,#d4d4d4); background-image:-moz-linear-gradient(bottom,#f6f6f6,#d4d4d4); background-image:-ms-linear-gradient(bottom,#f6f6f6,#d4d4d4); background-image:-o-linear-gradient(bottom,#f6f6f6,#d4d4d4); background-image:linear-gradient(bottom,#f6f6f6,#d4d4d4) } .server-price { margin-top:5px; text-align:center } .server-price .button,.vps_click .button { background:#9ec131; color:#fff; font-weight:bolder; padding:3px 15px; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px } .bigvps_click a,.server-price a,.vps_click a { color:#0f1839; font-weight:bolder; text-decoration:none; border-bottom:2px dashed #0f1839 } .bigvps_click a:hover,.server-price a:hover,.vps_click a:hover { text-decoration:none; border-bottom:none } span.small_inline { color:#999; font-style:italic; font-size:11px; margin:0 5px } .dop_uslugi_table { width:100%; padding-bottom:10px; margin-bottom:30px; position:relative } .preview_box,.preview_box1,.vps_box { margin:0 auto 13px; position:relative } .dop_uslugi_table ul { margin:0; padding:0; list-style:none } .dop_uslugi_table ul li { padding:4px 0; margin:0; border-left:1px solid #f2f2f2; border-top:1px solid #f2f2f2; position:relative; display:block } .dop_uslugi_table ul li:nth-child(odd) { background:#f7f7f7 } .dop_uslugi_table ul li:first-child { border-radius:10px 10px 0 0; border-bottom:1px solid #62703f } .dop_uslugi_table ul li:last-child { border-bottom:1px solid #f2f2f2; border-radius:0 0 10px 10px } .dop_uslugi_table li .col_right { width:44%; float:left; text-indent:10px } .dop_uslugi_table li .col_left { width:55%; float:left; text-indent:10px } .dop_uslugi_table li h3 { text-indent:25px; padding:0; margin:0 } .dop_uslugi_inner { width:100%; position:relative; padding-bottom:10px } .dop_uslugi_inner .dop_uslugi_table { margin-bottom:0; padding-bottom:0 } .dop_uslugi_inner .div_left { width:40%; float:left } .dop_uslugi_inner .div_right { width:50%; float:right } .dop_uslugi_inner .dop_uslugi_table li .col_left { border-right:none } .dop_uslugi_inner .div-right-inner { border:1px solid #ccc; background:#ebebeb; border-radius:10px } .div-right-inner ul,ul.inline { list-style:none; margin:0; padding:0 } .div-right-inner ul li { margin-left:20px; padding-left:20px; background:url(img/li-bg.gif) left 6px no-repeat; margin-bottom:9px } .div-right-inner ul li:first-child { margin-top:3px } ul.inline li { float:left; margin-right:20px; padding:5px 0 } .preview_box1 { width:237px } .preview_box,.vps_box { width:700px } .preview_serv { width:212px; height:327px; float:left; background:url(img/serverrr.png) center no-repeat; position:relative } .preview_serv:nth-child(odd) { background:url(img/serverrrr.png) center no-repeat } .preview_price { top:26px; left:15px } .preview_dimm,.preview_disc,.preview_potoc,.preview_proc { left:65px; position:absolute; font-weight:bolder } .big_price { color:#d01285; float:left } .small_price { color:#000; line-height:10px; padding-top:2px; font-size:11px } .big_price h1 { margin:0 7px 0 0; padding:0; color:#d01285; font-size:24px } .preview_proc { top:68px; color:#000; font-size:12px } .preview_potoc { top:116px; color:#000; font-size:12px } .preview_dimm { top:140px; color:#000; font-size:12px } .preview_disc { top:160px; color:#000; font-size:12px } .preview_os { position:absolute; left:30px; top:240px; font-weight:bolder; color:#404040; font-size:12px } .preview_nal { position:absolute; left:43px; top:272px; font-weight:bolder; color:#898989; font-size:12px } .preview_click { position:absolute; right:23px; bottom:8px; padding:7px } .preview_serv_1,.preview_serv_2,.preview_serv_3,.preview_serv_4,.preview_serv_5,.preview_serv_6,.preview_serv_7,.preview_serv_8 { width:212px; height:327px; float:left; position:relative } .bigvps_click,.vps_click { bottom:15px; margin-top:5px; text-align:center } .preview_click a { font-family:Arial,Helvetica,sans-serif; padding:2px 0 3px 2px; color:#fff; font-weight:bolder; text-decoration:none; font-size:11px; text-shadow:0 1px 1px #676767 } .preview_click a:hover { color:#000; text-shadow:0 1px 2px #fff } .preview_serv_1 { background:url(img/serverrr1.png) center no-repeat } .preview_serv_2 { background:url(img/serverrr2.png) center no-repeat } .preview_serv_3 { background:url(img/serverrr3.png) center no-repeat } .preview_serv_4 { background:url(img/serverrr4.png) center no-repeat } .preview_serv_5 { background:url(img/serverrr5.png) center no-repeat } .preview_serv_6 { background:url(img/serverrr6.png) center no-repeat } .preview_serv_7 { background:url(img/serverrr7.png) center no-repeat } .preview_serv_8 { background:url(img/serverrr8.png) center no-repeat } .preview_serv_9 { width:220px; height:327px; float:left; background:url(img/mserver3.png) center no-repeat; position:relative } .preview_serv_10,.preview_serv_11,.preview_serv_12 { width:212px; height:327px; position:relative; float:left } .preview_serv_10 { background:url(img/serverrr10.png) center no-repeat } .preview_serv_11 { background:url(img/server62.png) center no-repeat } .preview_serv_12 { background:url(img/server63.png) center no-repeat } .vps_serv,.vps_serv:nth-child(odd) { background:url(img/little-blockvps.png) center no-repeat } .vps_serv { width:150px; height:346px; float:left; position:relative } .bigvps_serv,.bigvps_serv:nth-child(odd) { background:url(img/big-blockvps.png) center no-repeat } .vps_price { position:absolute; top:258px; left:40px } .bigvpsbig_price,.vpsbig_price { color:#00000; float:left } .vpssmall_price { color:#00000; line-height:10px; padding-top:6px; font-size:12px } .vpsbig_price h1 { margin:0 7px 0 0; padding:0; color:#00000; font-size:28px } .vps_tarifvps { position:absolute; left:35px; top:36px; font-weight:bolder; color:#21007f; font-size:16px } .vps_dimm,.vps_disc,.vps_proc { left:55px; color:#000; font-size:13px; position:absolute; font-weight:bolder } .vps_proc { top:96px } .vps_dimm { top:135px } .vps_disc { top:180px } .vps_click { position:absolute; right:16px; padding:7px } .bigvps_serv { width:190px; height:356px; float:left; position:relative } .bigvps_price { position:absolute; top:262px; left:58px } .bigvpssmall_price { color:#00000; line-height:14px; padding-top:6px; font-size:14px } .bigvpsbig_price h1 { margin:0 7px 0 0; padding:0; color:#00000; font-size:34px } .bigvps_tarifvps { position:absolute; left:40px; top:26px; font-weight:bolder; color:#21007f; font-size:20px } .bigvps_dimm,.bigvps_disc,.bigvps_proc { left:65px; color:#000; font-size:15px; position:absolute; font-weight:bolder } .bigvps_proc { top:84px } .bigvps_dimm { top:128px } .bigvps_disc { top:180px } .a_button,.h3-1 { font-size:20px } .bigvps_click { position:absolute; right:24px; padding:6px } .box2,.box3,.host_serv,.tabs,.tabs label,.tabs_cont,.tabs_cont1 { position:relative } .bigvps_click .button { font-size:14px; background:#9ec131; color:#fff; font-weight:bolder; padding:5px 25px; border:none; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px } .spoiler>input[type=checkbox] { cursor:pointer; border-color:transparent!important; border-style:none!important; background:0 0!important; position:relative; z-index:1; margin:-8px 0 -30px -230px } .spoiler span.close,.spoiler span.open { padding-left:16px; color:#0048ac!important; text-decoration:underline } .spoiler>input+.box>span.open,.spoiler>input:checked+.box>span.close { display:inline } .spoiler { overflow-x:hidden } .spoiler blockquote { margin-top:12px; min-height:33px } .tabs { margin:0 auto; width:665px } .tabs label { display:block; float:left; background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZWZmMGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZGVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(top,#fff 0,#eff0f4 4%,#dddee0 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(4%,#eff0f4),color-stop(100%,#dddee0)); background:-webkit-linear-gradient(top,#fff 0,#eff0f4 4%,#dddee0 100%); background:-o-linear-gradient(top,#fff 0,#eff0f4 4%,#dddee0 100%); background:-ms-linear-gradient(top,#fff 0,#eff0f4 4%,#dddee0 100%); background:linear-gradient(to bottom,#fff 0,#eff0f4 4%,#dddee0 100%); -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; border-right:1px solid #f3f3f3; border-left:1px solid #ccc; color:#555; cursor:pointer; font-weight:700; font-size:10px; top:2px; width:50px; height:25px; line-height:45px; text-align:center; text-shadow:#fff 0 1px 0; z-index:1 } .box2 a,.box4 a { padding:3px 19px; background-color:#9ec131 } .box2 a,.tabs input,.tabs_cont>div { position:absolute } .tabs input { left:-9999px } #tab_1:checked~#tab_l1,#tab_2:checked~#tab_l2,#tab_3:checked~#tab_l3 { background:#fff; border-color:#fff; top:0; z-index:3 } .tabs_cont { background:#fff; -moz-border-radius:0 6px 6px; -webkit-border-radius:0 6px 6px 6px; border-radius:0 6px 6px; -moz-box-shadow:0 -2px 3px -2px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.1); -webkit-box-shadow:0 -2px 3px -2px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.1); box-shadow:0 -2px 3px -2px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.1); padding:10px; z-index:2; height:580px } .a_button,.box2 a,.box4 a { border-radius:5px } .tabs_cont>div { left:-9999px; top:0; opacity:0; -moz-transition:opacity .5s ease-in-out; -webkit-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out } #tab_1:checked~.tabs_cont #tab_c1,#tab_2:checked~.tabs_cont #tab_c2,#tab_3:checked~.tabs_cont #tab_c3 { position:static; left:0; opacity:1 } .a_button { display:block; width:150px; text-decoration:none; text-align:center; background:#906ddd; padding:5px 10px; color:#fff } .h3-1,.pre_demo a { text-decoration:underline } .p1,.plus { text-align:left } .pre_demo a { font-family:Arial,Helvetica,sans-serif; color:#fff; font-weight:bolder; font-size:14px; height:50px; line-height:50px } #carttext,.box2 a,.box4 a,.cartlink>div,.mlabel>a,.mtotal>a.buy,a.cartlink { text-decoration:none } .car { width:62px; margin-left:24px; margin-top:-10px; float:left } .plus3 { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:url(grayscale.svg#greyscale); filter:gray; width:55px } .plus { margin-left:15px } .p1 { width:100px; margin:0!important } .h3-1,.mzhead { text-align:center } .box1 table tr td img { margin-right:45px!important } .box2 { width:27%; float:left } .box2 a { right:80px; top:77px; color:#fff; font-size:16px } .dotted,.dotted1 { width:99.1%; height:4px; border-bottom:2px dotted #9ec131 } .box3 table img { margin-right:20px; margin-top:14px } .box3 i,.box5 i { font-size:16px; margin:14px; line-height:88px; color:#86bb86 } .footer-col ul li:not(:last-child),.tabl3 img { margin-bottom:10px } .box4 a { color:#fff; font-size:16px; line-height:39px } .cartlink>div,.mzprice>.value { font-size:1.2em } .box5 table { margin-top:40px } .map { margin-left:20px } .tabl3 img { width:90%; margin-right:10px } .tabl3 { margin-left:30px } .element1 { margin:32px 0 5px 93px; font-size:24px } .element2 { float:right; margin-right:95px; font-size:15px } .element3 { color:#e51c3c; font-size:16px } .element6,.element8 { color:#9ec131; font-weight:700 } .element4 { float:left; width:250px; margin-top:14px } .element5 { float:left; list-style-type:none; margin:10px 0 0 -7px; width:235px; font-size:12px } .element6 { font-size:13px; margin-left:0 } .element7,.element9 { font-size:52px; margin-top:-14px; float:left; margin-left:-2px; margin-right:8px } .element8 { font-size:13px; margin-top:27px; margin-left:0 } .element10,.element15 { margin-top:30px; font-size:18px; margin-right:33px } .element11 { font-size:15px; font-weight:700; color:#53cd53; margin-left:0!important } .element12,.element14 { font-size:56px; margin-top:-14px; float:left; margin-left:-2px; margin-right:8px } .element13 { font-size:15px; font-weight:700; color:green; margin-left:0 } .cartlink,.minwidget,.mname,.totalprice>.value { margin-left:.3em } .h3-1 { margin-top:27px; margin-bottom:28px } .tabs_cont1 { background:#fff; -moz-border-radius:0 6px 6px; -webkit-border-radius:0 6px 6px 6px; border-radius:0 6px 6px; -moz-box-shadow:0 -2px 3px -2px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.1); -webkit-box-shadow:0 -2px 3px -2px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.1); box-shadow:0 -2px 3px -2px rgba(0,0,0,.2),2px 2px 2px rgba(0,0,0,.1); padding:10px; z-index:2; height:518px } .host_serv { width:150px; height:346px; float:left; background:url(img/little-blockhost.png) center no-repeat } .bighost_mysql,.host_domain,.host_mysql { position:absolute; font-weight:bolder; color:#000 } .host_mysql { left:50px; top:96px; font-size:13px } .bighost_mysql { left:65px; top:70px; font-size:15px } .host_domain { left:51px; top:144px; font-size:13px } .bighost_serv { width:190px; height:356px; float:left; background:url(img/big-blockhost.png) center no-repeat; position:relative } .mywait { position:absolute; left:40%; top:40%; width:20%; height:20% } .mcontentbox,.midpanel,.mzakaz,.mzhead { width:100%; box-sizing:border-box } .midpanel { height:3.3em; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; background-color:#315b7fe6; padding:0 .5em; z-index:10; position:sticky; top:0 } .cartlink,.cartlink>img { padding:.3em; border-radius:.3em } .cartlink { display:flex; flex-flow:row nowrap; align-items:center; height:1.8em; background-color:#3973ac } .cartlink:hover { background-color:#538cc6 } .cartlink>img { width:1.6em; height:1.6em } .cartlink>div { color:#fff } .cartlink>.prodcount { width:1em; height:1em; padding:.2em; border-radius:.2em; border:.1em solid #fff; display:flex; justify-content:center; align-items:center; margin-left:.3em } .lang_flags2 { display:-webkit-flex; -webkit-flex-direction:row-reverse; display:flex; flex-flow:row nowrap } .mcontentbox,.minwidget,.mlabel,.mtipsign,.mzhead,.mzparams { display:flex } .lang_flags2 .langflag2 img { max-width:100%; max-height:1.6em; margin-top:.5em; margin-left:.25em; margin-right:.25em; border:1px solid #000 } .mcontentbox { flex-flow:column nowrap; align-items:center; padding:1em 0 } .mzakaz { background-color:#d8e5f3; border-radius:1.2em; border:.3em solid #128f9f; padding:0; margin-bottom:1em } .mzhead { flex-flow:row nowrap; justify-content:space-between; align-items:center; font-size:1.3em; padding:.3em .3em .3em .6em; border-radius:.67em .67em 0 0; color:#fff; background-color:#eb6b3a } .mintext,.mname { font-size:1.1em } .mdelicon { box-sizing:border-box; width:1.5em; min-width:1.5em; height:1.5em; min-height:1.5em; padding:.3em; border-radius:.2em; background-color:#66f } .mdelicon:hover { background-color:#99f } .mzparams { box-sizing:border-box; padding:0 .3em .3em 0; flex-flow:row wrap; justify-content:space-between; align-items:stretch } .mzparams.size0>.minwidget { flex:1 1 48% } .mzparams.size1>.minwidget { flex:1 1 32% } .minwidget { min-width:14em; flex-flow:row wrap; justify-content:space-between; align-items:center; background-color:#dab3ff; box-sizing:border-box; padding:.4em; border-radius:.3em; color:#000; margin-top:.3em } .mlabel,.totalprice { flex-flow:row nowrap } .mcontentbox.size0 .totalprice,.minwidget.size0>.ui-selectmenu-button { margin-bottom:.3em } .minwidget.size1>.ui-selectmenu-button { margin-bottom:0 } .mlabel { justify-content:space-between; align-items:center; margin-bottom:.4em } .mtipsign { box-sizing:border-box; width:.7cm; min-width:.7cm; height:.7cm; justify-content:center; align-items:center; border-radius:.2em; background-color:#909; color:#fff; margin-left:.2em } .mtipsign:hover { background-color:#e600e6 } .mzprice>.label,.mzprice>.value { background-color:#5c2e90; padding:.2em } .mintext { width:100%; height:.7cm; border-radius:.3em; border:.1em solid #128f9f; outline-style:none; box-sizing:border-box } .maddprice,.mtip { border-radius:.3em; display:none; box-sizing:border-box; padding:.3em } .mintext:hover { border-color:#19cee6 } .mtip { margin-top:.3em; width:100%; background-color:#ffad99 } span.ui-spinner { width:50% } span.ui-spinner>a.ui-spinner-up { height:100%; width:2em; right:0 } span.ui-spinner>a.ui-spinner-down { height:100%; width:2em; right:2em } span.ui-icon-plus { background-position:-16px -129px } span.ui-icon-minus { background-position:-48px -129px } label.ui-checkboxradio-label { width:100%; margin:0 } .maddprice { background-color:#1c4796; color:#fff } .btn-up,.mcont,.mtotal,.mzprice,.row,.totalprice { display:flex } .mzprice { box-sizing:border-box; flex-flow:row wrap; justify-content:flex-end; align-items:center; width:100%; padding:.3em; border-radius:0 0 .75em .75em; background-color:grey } .mtotal>a.buy,.mzprice>.label,.mzprice>.value,.totalprice { border-radius:.2em; color:#fff; box-sizing:border-box } .mtotal { width:100%; flex-flow:row wrap; justify-content:space-between; align-items:center } .mcontentbox.size1 .totalprice { margin-right:1em } .mtotal>a.buy { font-size:1.8em; padding:.3em; background-color:#9d1574 } .mtotal>a.buy:hover { background-color:#ca1c96 } .totalprice { align-self:flex-end; align-items:center; font-size:1.8em; padding:.3em; background-color:#12759c } .btn-up,.footer { background-color:#000 } #thankyou { margin-top:.5em; font-style:bold; font-size:3em; color:#12909f } #toBill,#toMainPage { font-size:2em; padding:1em; border-radius:.3em; text-decoration:none } #toBill { background-color:#572d8f; color:#fff } #toBill:hover { background-color:#773dc2 } #toMainPage { background-color:#b93213; margin-bottom:5em; color:#fff } #toMainPage:hover { background-color:#e73e18 } .mcont { width:100%; height:10em; flex-flow:row nowrap; justify-content:center; align-items:center } .btx-calc-container { margin:0; padding:0; width:100% } .btn-up { position:sticky; bottom:0; border-top-left-radius:0; border-top-right-radius:0; cursor:pointer; align-items:center; justify-content:center; width:100%; height:50px } .btn-up::before { content:""; width:40px; height:40px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E") center center/100% 100% no-repeat } @media (hover:hover) and (pointer:fine) { .btn-up:hover { background-color:#0f4d98 } }.row { flex-wrap:wrap } .ul { list-style:none } .footer-col { width:14%; padding:0 17px } .footer-col h4 { font-size:12px; color:#fff; margin-bottom:35px; position:relative } .footer-col h4::before { content:''; position:absolute; left:0; bottom:-10px; background-color:#e91e63; height:2px; box-sizing:border-box; width:50px } .footer-col ul li a { font-size:12px; text-decoration:none; font-weight:300; color:#bbb; display:block; transition:.3s } .footer-col .social-links a { display:inline-block; height:40px; width:40px; background-color:rgba(255,255,255,.2); margin:0 10px 10px 0; text-align:center; line-height:40px; border-radius:50%; color:#fff; transition:.5s } .footer-col .social-links a:hover { color:#24262b; background-color:#fff } @media(max-width:767px) { .footer-col { width:50%; margin-bottom:30px } }@media(max-width:1000px) { .footer-col { width:100% } } .notification_ban { background-color: #ccffcc; color: #000; border: 2px solid #ffffff; padding: 20px; margin: 20px 0; border-radius: 10px; font-size: 14px; display: flex; justify-content: space-between; align-items: center; background-image: linear-gradient(to right, #71afbf, #ffffff); border-left: 10px solid #f10000; position: relative; z-index: 1; } .icon_ban { font-size: 24px; margin-right: 15px; } .close-button_ban { background: none; border: none; color: #000; font-size: 18px; cursor: pointer; } .open-modal-button { position: fixed; right: 20px; bottom: 20px; padding: 10px 20px; font-size: 18px; color: white; background-color: #b73333; border: none; border-radius: 5px; cursor: pointer; transition: 0.3s; z-index: 1000; animation: blink 1s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .open-modal-button:hover { background-color: #0056b3; } .modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.75); transition: opacity 0.3s ease; } .modal-content { background-color: #fff; margin: 10% auto; padding: 30px; border: 1px solid #888; width: 80%; max-width: 60%; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); animation: slideIn 0.4s ease; text-align: left; } @keyframes slideIn { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; } .close:hover, .close:focus { color: black; text-decoration: none; } @media (max-width: 768px) { .modal-content { width: 90%; max-width: 90%; } } svg { font-family: "Tahoma Bold", sans-serif; width: 100%; height: 100%; } svg text { stroke-width: 2; stroke: #000; font-size:calc(50px + 8 * (100vw - 320px) / 880); } .card-container { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: center; } .card { background: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 300px; margin: 15px; padding: 10px; text-align: center; transition: transform 0.2s; } .card:hover { transform: translateY(-10px); } .card .title a { text-decoration: none; color: #333; font-size: 18px; font-weight: bold; } .card p { margin: 10px 0; text-align: center; } .card .specs { font-weight: bold; } .card .permonth { font-size: 22px; font-weight: bold; color: #ec693b; } .card .order-btn { display: inline-block; margin-top: 15px; padding: 10px 20px; color: #fff; background-color: #315b7f; border-radius: 5px; text-decoration: none; font-size: 0.85em; } .card .order-btn:hover { background-color: #e03e17; } .apr *, .apr *:before { line-height: 1.3; } .apr { display: flex; flex-wrap: wrap; justify-content: center; background: #FFF; padding: 20px 0; } .apr .apr-item { position: relative; display: flex; flex-direction: column; align-items: stretch; text-align: center; flex: 0 1 300px; font-family: Verdana, sans-serif; cursor: default; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2); border-radius: 20px; margin: 20px; } @media screen and (min-width: 1080px) { .apr .apr-item { margin: 20px 0; } .apr .apr-item-left { border-radius: 20px 0 0 20px; } .apr .apr-item-center { margin: 0; z-index: 0; box-shadow: 0 8px 20px rgba(0,0,0,0.4), 0 20px 32px rgba(0,0,0,0.2); } .apr .apr-item-right { border-radius: 0 20px 20px 0; } } .apr .apr-deco { background: #2b6997; padding: 50px 0 160px; position: relative; } .apr .apr-item-center .apr-deco { background: #405466; } .apr .apr-price { font-size: 30px; font-family: 'Roboto', sans-serif; font-weight: bold; padding: 0; color: #FFF; } .apr .apr-price > span { font-size: 30px; } .apr span.apr-currency { font-size: 42px; font-weight: normal; padding-left: 6px; vertical-align: top; color: #BFE2FF; } .apr .apr-title { font-size: 14px; font-weight: bold; margin: 0; text-transform: uppercase; color: #fff; } .apr .apr-deco-svg { position: absolute; bottom: 0; left: 0; width: 100%; height: 160px; } .apr .deco-layer { transition: transform 0.5s; fill: #FFF; } .apr .apr-item:hover .deco-layer--1 { transform: translate3d(15px, 0, 0); } .apr .apr-item:hover .deco-layer--2 { transform: translate3d(-15px, 0, 0); } .apr .apr-feature-list { margin: -55px 0 0; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 0 35px; list-style: none; position: relative; z-index: 2; } .apr .apr-feature-list li { padding: 8px; padding-left: 34px; font-size: 15px; margin: 0 10px; border-bottom: 1px solid #BFE2FF; text-align: left; position: relative; } .apr .apr-feature-list li:before { position: absolute; left: 10px; content: "\2714"; color: green; font-weight: bold; } .apr .apr-action { border: none; margin: auto 40px 20px 40px; padding: 10px; color: #fff; border-radius: 30px; background: #2b6997; transition: background 0.5s; outline: none; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2); font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .apr .apr-action:hover, .apr .apr-action:focus { background: #831818; } .globe-container, .globe { width: 200px; height: 200px; } .globe-container { position: relative; display: inline-block; margin: 30px; transform: scale(1.1); } .globe { position: relative; display: block; margin: 0; padding: 0; top: 0; left: 0; } .globe-worldmap, .globe-worldmap-front, .globe-worldmap-back, .globe-sphere, .globe-outer-shadow, .globe-inner-shadow { position: absolute; display: block; margin: 0; } .globe-sphere, .globe-outer-shadow, .globe-inner-shadow { left: 0; top: 0; width: 200px; height: 200px; background-position: 0 0; background-repeat: no-repeat; } .globe-worldmap { left: 0; top: 0; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; } .globe-worldmap-front, .globe-worldmap-back { left: 0; top: 0; width: 1000px; height: 200px; overflow: visible; background-image: url(/externimg/worldmap.svg); background-repeat: no-repeat; } .globe-outer-shadow { left: 0; top: 186px; width: 200px; height: 30px; background-image: url(/externimg/outer_shadow.svg); } .globe-inner-shadow { background-image: url(/externimg/inner_shadow.svg); } .globe-worldmap-front { background-position: 0px 0px; animation: textureSpinreverse 8s linear infinite; } .globe-worldmap-back { background-position: 0px -220px; animation: textureSpin 8s linear infinite; } @keyframes textureSpin { from { transform: translateX(0); } to { transform: translateX(-47.5%); } } @keyframes textureSpinreverse { from { transform: translateX(-47.5%); } to { transform: translateX(0); } } *, *::before, *::after { } body { margin: 0; font-family: Arial, Helvetica, sans-serif; } h1.demo-title { text-align: center; font-size: 30px; font-weight: 600; color: #2A293E; letter-spacing: 2px; } h1.demo-title a { font-size: 16px; font-weight: 300; } .pricing-table { display: flex; flex-flow: row wrap; width: 100%; justify-content: center; margin: 0 auto; } .pricing-table .ptable-item { padding: 0 4px; margin-bottom: 30px; } @media (max-width: 992px) { .pricing-table .ptable-item { } } @media (max-width: 768px) { .pricing-table .ptable-item { width: 50%; } } @media (max-width: 576px) { .pricing-table .ptable-item { width: 100%; } } .pricing-table .ptable-single { position: relative; width: 100%; overflow: hidden; } .pricing-table .ptable-header, .pricing-table .ptable-body, .pricing-table .ptable-footer { position: relative; width: 100%; text-align: center; overflow: hidden; } .pricing-table .ptable-status , .pricing-table .ptable-title, .pricing-table .ptable-price, .pricing-table .ptable-description, .pricing-table .ptable-action { position: relative; width: 100%; text-align: center; } .pricing-table .ptable-single { background: #fff; } .pricing-table .ptable-single:hover { box-shadow: 0 0 10px #999999; } .pricing-table .ptable-header { padding: 30px 0 45px 0; width: auto; background: #405466; } .pricing-table .ptable-header::before, .pricing-table .ptable-header::after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-bottom: 100px solid #fff; } .pricing-table .ptable-header::before { right: 50%; } .pricing-table .ptable-header::after { left: 50%; border-left: 250px solid transparent; } .pricing-table .ptable-item.featured-item .ptable-header { background: #144f8a; } .pricing-table .ptable-status { } .pricing-table .ptable-status span { position: relative; display: inline-block; width: 50px; height: 30px; padding: 5px 0; text-align: center; color: #FF6F61; font-size: 14px; font-weight: 300; letter-spacing: 1px; background: #2A293E; } .pricing-table .ptable-status span::before, .pricing-table .ptable-status span::after { content: ""; position: absolute; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #FF6F61; } .pricing-table .ptable-status span::before { right: 50%; border-right: 25px solid transparent; } .pricing-table .ptable-status span::after { left: 50%; border-left: 25px solid transparent; } .pricing-table .ptable-title h2 { color: #ffffff; font-size: 16px; font-weight: 300; letter-spacing: 1px; } .pricing-table .ptable-price h2 { margin: 0; color: #ffffff; font-size: 25px; font-weight: 700; margin-left: 15px; } .pricing-table .ptable-price h2 small { font-size: 18px; font-weight: 300; margin-top: 16px; margin-left: -15px; } .pricing-table .ptable-price h2 span { margin-left: 3px; font-size: 16px; font-weight: 300; } .pricing-table .ptable-body { padding: 20px 0; } .pricing-table .ptable-description ul { margin: 0; padding: 0; list-style: none; } .pricing-table .ptable-description ul li { color: #2A293E; font-size: 14px; font-weight: 300; letter-spacing: 1px; padding: 7px; border-bottom: 1px solid #2b6997; } .pricing-table .ptable-description ul li:last-child { border: none; } .pricing-table .ptable-footer { padding-bottom: 30px; } .pricing-table .ptable-action a { display: inline-block; padding: 10px 20px; color: #fff; font-size: 12px; font-weight: 500; letter-spacing: 2px; text-decoration: none; background: #2b6997 } .pricing-table .ptable-action a:hover { color: #fff; background: #319c55 } .slider { position: relative; overflow: hidden; } .slider__wrapper { display: flex; transition: transform 0.6s ease; } .slider__item { flex: 0 0 100%; max-width: 100%; } .slider__control { position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 20px; color: #fff; text-align: center; height: 50px; transform: translateY(-50%); background: #9ec131; } .slider__control:hover, .slider__control:focus { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .slider__control_left { left: 0; } .slider__control_right { right: 0; } .slider__control::before { content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .slider__control_left::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .slider__control_right::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .slider__item>div { font-size: 100px; text-align: center; } html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,caption,th{text-align:left}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none} html{ height:100%; overflow-y:scroll; } body{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; box-shadow:0 0 0 10px rgba(255,255,255,0.1) inset; min-height:100%; padding:0; background-size:cover; -webkit-background-size:100% 100%; -webkit-animation:8s bg forwards ease; } @-webkit-keyframes bg{ 0%{ background-size:120% 120%; } 100%{ background-size:100% 100%; } } @font-face { font-family:'Romanesco'; font-style:normal; font-weight:400; src:local('Romanesco'), local('Romanesco-Regular'), url(https://themes.googleusercontent.com/static/fonts/romanesco/v1/ulV2bu0ivcWDuAzM7oh4XT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family:'Cuprum'; font-style:normal; font-weight:400; src:local('Cuprum'), local('Cuprum-Regular'), url(https://themes.googleusercontent.com/static/fonts/cuprum/v4/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff'); } a{ text-decoration:none; } .btn{ display: flex; background:#0068BA; border-radius:6px; padding:14px 24px; -webkit-transition:0.15s; transition:0.15s; } .btn:hover{ background:#0068BA; } .btn:active{ background:#0068BA; } #gallery1{float:left; margin-left: 15px; width:100%;} #gallery1 li{ list-style:none; perspective:100px; -webkit-perspective:100px; margin:1px; float:left; position:relative; transition:.1s; -webkit-transition:0.1s; } #gallery1 li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:3px; left:4px; z-index:1; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; opacity:0; transition:.5s 0.2s; } #gallery1 li.loaded.video::before{ opacity:1; } #gallery1 a{ display:block; width:75px; height:65px; vertical-align:bottom; overflow:hidden; background:rgba(0,0,0,0.1); transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); } #gallery1 a:active, #gallery a:focus{ outline:none; } #gallery1 a img{ min-height:100%; width:100%; transition:.3s ease-out; -webkit-transition:0.3s ease-out; } #gallery1 .loaded a{ -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); } #gallery1 li.loaded:hover{ z-index:2; transform:scale(1.5); -webkit-transform:scale(1.5); } #gallery1 li.loaded a:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; } #gallery1 li.loaded:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); } #gallery1 li.loaded.video:hover::before{ opacity:0; } #gallery{ float:right; width:50%; } #gallery li{ list-style:none; perspective:100px; -webkit-perspective:100px; margin:1px; float:left; position:relative; transition:.1s; -webkit-transition:0.1s; } #gallery li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:3px; left:4px; z-index:1; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; opacity:0; transition:.5s 0.2s; } #gallery li.loaded.video::before{ opacity:1; } #gallery a{ display:block; width:75px; height:68px; vertical-align:bottom; overflow:hidden; background:rgba(0,0,0,0.1); transition:.4s ease-out; -webkit-transition:0.4s ease-out; -webkit-transform:rotateX(90deg) translate(-50px,-50%); transform:rotateX(90deg) translate(-50px,-50%); } #gallery a:active, #gallery a:focus{ outline:none; } #gallery a img{ min-height:100%; width:100%; transition:.3s ease-out; -webkit-transition:0.3s ease-out; } #gallery .loaded a{ -webkit-transform:rotateX(0deg) translate(0,0); transform:rotateX(0deg) translate(0,0); } #gallery li.loaded:hover{ z-index:2; transform:scale(1.5); -webkit-transform:scale(1.5); } #gallery li.loaded a:hover{ box-shadow:0 0 0 2px #FFF, 0 0 20px 5px #000; transition:.1s; -webkit-transition:0.1s; } #gallery li.loaded:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2); } #gallery li.loaded.video:hover::before{ opacity:0; } #pbOverlay.show{ opacity:1; pointer-events:auto; } #pbOverlay{ opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none; -moz-user-select:none; background:rgba(0,0,0,0.85); background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); -webkit-transform:translate3d(0px, 0px, 0px); -webkit-transition:opacity 300ms ease; -ms-transition:opacity 300ms ease; transition:opacity 300ms ease; } #pbOverlay.msie{ background-color:rgba(0,0,0,.6); } #pbOverlay.msie.pbLoading .wrapper{ background:url('../images/loading.gif') no-repeat center center; } @keyframes pbLoaderFrames{ 50%{ height:5px; } } @-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } } #pbOverlay .pbLoader{ visibility:hidden; opacity:0; pointer-events:none; -webkit-transform:scale(.2); transform:scale(.2); position:absolute; z-index:999; top:50%; left:50%; margin:-50px 0 0 -50px; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; width:100px; height:100px; transition:0.3s; -webkit-transition:0.2s; } #pbOverlay.thumbs .pbLoader{ margin-top:-100px; } #pbOverlay.pbLoading:not(.msie):not(.error) .pbLoader{ visibility:visible; opacity:1; -webkit-transform:scale(1); transform:scale(1); } #pbOverlay .pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; } #pbOverlay .pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; } #pbOverlay .pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; } #pbOverlay .wrapper:after, #pbCaption .pbThumbs ul:after, #pbOverlay .prevNext:after, #pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-0.25em; vertical-align:middle; } @keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(0.85); } } @-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(0.85); } } #pbOverlay .wrapper{ -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; height:100%; perspective:1200px; -webkit-perspective:1200px; position:relative; } #pbOverlay.video .wrapper{ z-index:11; display:inline-block; } #pbOverlay.pbLoading .wrapper{ display:inline-block\9; width:50%; } #pbOverlay .wrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; -webkit-transition:text-shadow .7s ease-out; transition:text-shadow .7s ease-out; } #pbOverlay.error .wrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; } #pbOverlay.thumbs .wrapper{ margin-top:-50px; padding:50px 0; } #pbOverlay.error .wrapper img{ width:0; } #pbOverlay .wrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,0.5); } #pbOverlay.video .wrapper > div{ display:inline-block; } #pbOverlay iframe, #pbOverlay embed, #pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:0.5s; } #pbOverlay .wrapper .hide iframe{ opacity:0; } #pbOverlay.show .wrapper > *{ -ms-transition:.3s .5s ease-out; -webkit-transition:.8s .5s cubic-bezier(0.1, 0.8, 0.5, 1.03); transition:.8s .5s cubic-bezier(0.1, 0.87, 0.48, 1); -webkit-transform:none; -ms-transform:none; transform:none; -webkit-backface-visibility:hidden; box-shadow:0 0 20px #000; } #pbOverlay .wrapper > *, #pbOverlay.hide .wrapper > .prepare{ display:inline-block; opacity:1; vertical-align:middle; transform:scale(0) rotateX(80deg); -webkit-transform:scale(0) rotateX(80deg); -ms-transform:scale(0) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; } #pbOverlay.on .wrapper > *{ transition-delay:0s; -webkit-transition-delay:0s; -ms-transition-delay:0s; } #pbOverlay .wrapper .zoomable{ transition:.1s; -webkit-transition:.1s; -ms-transition:.1ms; position:relative; z-index:9; } #pbOverlay.hide .wrapper > *{ transform:scale(1.2); -webkit-transform:scale(1.2); transform:none\9; opacity:0; -webkit-transition:.4s ease-in; -ms-transition:.4s ease-in; transition:.4s ease-in; } #pbCloseBtn, #pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; -webkit-transition:.2s .3s ease-out; } .hide #pbCloseBtn{ top:-50px; right:-50px; } .on #pbCloseBtn{ top:-2px; right:-2px; } #pbCloseBtn:before{ content:'\00D7'; font-weight:bold; } #pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:0.8; line-height:.7; vertical-align:middle; background:rgba(255,255,255,0.2); border-radius:0 0 0 70px; transition:0.1s ease-out; -webkit-transition:0.1s ease-out; } #pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); } #pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; } .hasAutoplay #pbAutoplayBtn{ display:block; } #pbAutoplayBtn:hover{ width:60px; height:60px; } .on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; -webkit-transition:.1s ease-out; } #pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; } #pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; } #pbAutoplayBtn.play:before{ content:'\25BA'; } #pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:0.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:0.4s; -ms-transition:0.4s; transition:0.4s; } #pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); } #pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; } #pbCaption, .hide #pbCaption{ position:absolute; z-index:999; bottom:-110px; width:100%; -webkit-transition:0.4s; transition:0.4s; } .show.on #pbCaption{ bottom:5px; transition-delay:.5s; -webkit-transition-delay:.5s; } #pbCaption .title, #pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; } #pbCaption .counter{ opacity:.55; } .pbCaptionText{ -webkit-transition:.3s; transition:.3s; opacity:0.9; font-weight:bold; font-size:.9em; text-shadow:1px 1px 1px rgba(0,0,0,.5); } .pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; } #pbOverlay .pbThumbs{ display:none; -webkit-transition:0.35s; transition:0.35s; } #pbOverlay.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; overflow:hidden; } #pbCaption .pbThumbs:hover{ clear:both; } #pbCaption .pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:0.2s; -webkit-transition:0.2s; } #pbCaption .pbThumbs ul:after{ vertical-align:bottom; } #pbCaption .pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:0.15s; -webkit-transition:0.15s; } #pbCaption .pbThumbs li.active{ height:100%; opacity:1; } #pbCaption .pbThumbs li:hover{ height:100%; opacity:1; } #pbCaption .pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:0.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,0.4); box-shadow:0 0 0 3px rgba(0,0,0,0.4); border-radius:0 3px 0 0; pointer-events:none; } #pbCaption .pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; } #pbCaption .pbThumbs li:hover a{ } #pbCaption .pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:0.15s; -webkit-transition:0.15s; } #pbCaption .pbThumbs li:hover img{ min-height:96%; } #pbCaption .pbThumbs li.fast a img{ transition:none; -webkit-transition:none; } #pbCaption .pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; } #pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; -webkit-transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; cursor:pointer; } #pbOverlay.hasArrows .prevNext{ display:block; } #pbOverlay.on .prevNext:hover{ opacity:.5; } #pbOverlay.on .prevNext:active{ transition:80ms; opacity:1; text-shadow:0 0 16px #FFF, 0 0 10px #000; } .prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; -webkit-transition:.2s ease-in; } .prevNext:hover b{ transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985); -webkit-transition:.2s cubic-bezier(0.095, 0.870, 0.485, 0.985); } #pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); } #pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); } #pbPrevBtn b:before, #pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; } #pbPrevBtn b:before{ content:'\2039'; } #pbNextBtn b:after{ content:'\203A'; } #pbOverlay.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); } #pbOverlay.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); } #pbOverlay.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{ } #pbOverlay.show #pbPrevBtn{ left:0; text-align:left; } #pbOverlay.show #pbNextBtn{ right:0; text-align:right; } @media all and (max-width:700px){ #pbOverlay .wrapper img, #pbOverlay.hide .wrapper img.prepare{ max-height:100%; } #pbOverlay.thumbs .wrapper{ padding:0; margin:0; } #pbOverlay .pbThumbs{ margin-bottom:-60px; } #pbOverlay .pbThumbs.show{ margin:0; } #pbCaption .pbThumbs ul{ height:50px; } #pbCaption .pbThumbs li{ height:100%; opacity:1; } #pbCaption .pbThumbs li img{ min-height:96.5%; } } @media all and (max-width:710px){ #pbCaption .pbThumbs li.active a img{ min-height:96%; } } #fon {z-index:10000;position: fixed;width: 100%;height: 100%;background: url('pixel_85.png'); overflow: hidden; display:none; top:0; left:0;} #block {width:600px; height:250px; overflow: hidden; background:#e7e7e7; border-radius:20px; padding:20px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} #close {width:20px; height:20px; overflow: hidden; background: url('close_x.png') no-repeat; background-size: 20px 20px; position: absolute; left:613px; top:6px; cursor: pointer;} #form_host {width: 100%; border:0;font-size:16px; border-collapse: separate;} #form_host td {vertical-align: middle;padding: 1px;font-size:16px;} #time {background-position: -200px 0px;} input[type=range] { -webkit-appearance: none; -moz-appearance: none; #background-color: silver; #background-image: url('line.jpg'); background-repeat: no-repeat; #width: 200px; height:12px; border-radius:6px; margin-top:3px; } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; -moz-appearance: none; background-color: #ececec; opacity: 1; width: 20px; height: 20px; border-radius:10px; border:1px #666 solid; } .range_block { width:200px; height:50px; background: url('shkala.png') no-repeat; background-position: 0px -10px; } select { border: 0 !important; -webkit-appearance: none; -moz-appearance: none; border-radius:3px; border:0; width:200px; height: 20px; background: url('str.jpg') no-repeat #fff; background-position: 180px 0px; } select:focus, input[type="range"] { outline: none; } #a_button {display: block; font-size:20px; width: 150px; text-decoration:none; text-align: center; background: #906ddd; padding: 5px 10px;border-radius:5px; color: #fff;} #disc, #proc, #mem, #econom, #mes_price, #sum_price {font-weight: 500;font-size:18px;} .dop {color: gray; font-size: 9px; font-style: italic;} .stepsel font, .stepsel img { display: inline-block; } #pull-wrap, .korpus-label, .mob-menu, .mob-menu2, .switch_link, .wrap-phone-mobile, .wrap-top-mobile { display: none; } #container div .korpus-label { display: none !important; } .phonebox a { color: #fff; text-decoration: none; } .phonebox a:hover { cursor: pointer; background-color: #e6e6fa; } .gray-box { width: 31%; float: left; border: 4px double #000; background-color: #e4e4e4; margin: 1%; padding: 5px; box-sizing: border-box; } .price_button { clear: both; text-align: center; } .insidebox, .insidebox .uwhite { float: left; width: -webkit-fill-available; width: -moz-available; width: fill-available; } .isp-table, .rent-table, .server-table { width: 100%; } .rent-table td { width: 20%; padding: 5px; } .rent-table .img-rent { height: 100px; display: table-cell; vertical-align: middle; } .server-table td { text-align: center; vertical-align: middle; padding: 7px 5px; } .server-table td span { font-size: 17px; } .server-table td:first-child img { margin: 0 !important; } .server-table td:nth-child(2), .server-table td:nth-child(4) { font-size: 18px; background: #f0f8ff; } .server-table td:nth-child(3) { font-size: 18px; } .server-table th { font-size: 22px; padding: 5px; text-align: center; } .wrap-price { width: 100% !important; float: left; background: 0 0 !important; border: 0 !important; box-shadow: 0 0 0 !important; } .isp-table td { padding: 10px; width: 33.33%; text-align: center; box-sizing: border-box; } .isp-table td p { margin: 0; } .isp-table td > a { margin-bottom: 10px; display: block; } .steps { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; } .stepsel img { position: relative; top: 5px; } body { min-width: 1000px; } .promo_price_percent { font-weight: 700; position: relative; left: 65px; bottom: 64px; color: red; } @media (max-width: 665px) { .promo_price_percent { left: 53px; bottom: 57px; } } @media screen and (max-width: 780px) { .facedomainbox, .faceswitchback, .faceswitchbox { background: 0 0 !important; } .cat-menu ul li a, .mob-menu .cat-menu nav ul li a, .mob-menu .cat-menu nav ul li span { border-bottom: 1px solid #fff !important; text-transform: uppercase; height: auto; border-radius: 0; text-decoration: none; } .cat-menu ul li li a, .wrap-menu .loginbox a { color: #000 !important; } .promo_price_percent { left: 65px; bottom: 64px; } #pull-wrap2, .blackhead, .breadcumbs .consult, .cat-menu ul li span, .ddesk.madaptive, .facebox .faceplaneta, .facebox .facetitle, .fswitch, .pri-oplate, .sitebox .topfacebox, .wrap-phone-mobile .phonebox img, .wrap-phone-mobile br { display: none; } .preview_box.madaptive { display: none; } body { min-width: 100%; } .contacts-page table h3, .contacts-page table p { margin: 0 0 10px; } #gallery1, .contacts-page .fiftyleft { width: 100%; margin: 0; } .contacts-page table td { padding: 5px; } .sposobu a { float: left; width: 91px; height: 46px; padding: 3px; box-sizing: border-box; text-align: left; } .sposobu img { width: 83px; height: 47px; } .sposobu { width: 100%; float: left; margin-bottom: 10px; } .map > ymaps { width: 100% !important; height: 250px !important; } .map, .tabl3 { margin-left: 0; } .blackfoot, .blackfoot .blacklogobox, .breadcumbs, .face, .facebox, .facedomainbox, .faceswitchbox, .insidebox, .leftgradient, .mainleft, .mainright, .rightgradient, .sitebox, .uwhite { width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: initial !important; box-sizing: border-box !important; float: left !important; border-radius: 20px !important; } .faceswitchbox { padding: 0 !important; } #switch_pane0, #switch_pane1, #switch_pane2, #switch_pane3, #switch_pane4, #switch_pane5 { background: #315b7f; padding: 10px 5px !important; display: block !important; margin-bottom: 20px; border-bottom: 0; } .faceswitchbox, .insidebox, .leftgradient, .rightgradient, .uwhite { margin-bottom: 0; } .mainleft { clear: both; padding-top: 0; } .facedomainbox p, .faceswitch { padding: 0; } .pricing_table .price_head { position: relative; } .pricing_table .price_head img { position: absolute; left: -6px; bottom: -6px; margin: 0; height: 27px; width: initial; } img { max-width: 100%; height: initial; } #gallery1 li { display: inline-block; float: none; } .rightgradient, .uwhite { height: initial !important; float: left; width: 100%; box-sizing: border-box; } .facedomain, .wrap-menu .socialbox { float: none; display: block; margin: 0 auto; } .wrap-menu .socialbox { clear: both; padding-top: 7px; width: 160px; } .breadcumbs { padding: 0 10px 10px; line-height: 20px; } .slidehostingtab.five td { width: 25%; padding: 10px; font-size: 13px; position: relative; min-width: 99px; padding-bottom: 60px !important; } .slidehostingtab .btna { position: absolute; bottom: 0; left: 7px; } body, td, th { font-size: 13px; } .slidehostingtab p.title { font-size: 15px; } .facedomainbox { padding: 10px; text-align: center; } .facedomain { width: 100%; box-sizing: border-box; text-align: center; max-width: 409px; height: 44px; } .blackfoot .blacklogobox .footer1, .blackfoot .blacklogobox .footer2, .blackfoot .blacklogobox .footer3, .blackfoot .blacklogobox .footer4, .blackfoot .blacklogobox .footer5 { width: 100%; height: initial; box-sizing: border-box; text-align: center; padding: 0 10px; background-color: #000; } .blackfoot .footer3 .zag3, .blackfoot .footer4 .zag4 { padding-left: 0; font-size: 18px; margin-bottom: 1px; height: initial; display: block; margin-top: 13px; } .goog, .korpus label:not(.korpus-label) { display: none !important; } .wrap-phone-mobile, .wrap-top-mobile { position: absolute; left: 0; display: block; z-index: 554; width: 100%; } .wrap-top-mobile { top: 40px; background: #000; height: 50px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.48); } .lang_con2 { margin-top: 5em; } .midpanel { margin-top: 0.5em; } .wrap-phone-mobile { height: 40px; background: #e7e7e7; top: 0; } .mob-menu, .mob-menu2 { z-index: 999999; width: 260px; background: #f7f7f7; border-right: 2px solid #717171; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.44); position: fixed; top: 0; min-height: 100%; display: block; height: 100%; } .wrap-phone-mobile a:nth-child(3) { float: right; margin-right: 23px; } .wrap-phone-mobile a.phone { float: right; text-decoration: none; } .wrap-phone-mobile a { text-decoration: none; color: #464b8b; } .wrap-phone-mobile .block_phone { float: right; width: 100%; line-height: 40px; padding-right: 15px; box-sizing: border-box; } .wrap-top-mobile .logo { width: 162px; margin: 0 auto; display: block; float: none; } .wrap-top-mobile .logo img { height: 27px; width: auto; margin-top: 12px; } .mob-menu #logo { display: block !important; margin-left: 0 !important; position: static; margin-bottom: 0; width: 100%; text-align: center; padding: 12px; box-sizing: border-box; margin-top: -11px; } .mob-menu #logo img { width: 100%; height: auto; } .mob-menu { left: -300px; margin: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mob-menu2 { right: -300px; margin: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .mob-menu.open { left: 0; } .mob-menu2.open { right: 0; } .menu-shadow { background: #000; opacity: 0.7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none; } .wrap-menu { position: absolute; top: 0; left: 0; z-index: 999; height: 100%; min-height: 100%; width: 260px; padding-right: 7px; padding-left: 7px; box-sizing: border-box; overflow: auto; background: #f8f8f8; } .mob-menu2 .wrap-menu { left: inherit; right: -2px; } .mob-menu #mainmenu { display: block; position: static; width: 100%; height: auto !important; font-size: 15px; } #pull-wrap, #pull-wrap2.show { top: 50px; width: 34px; height: 29px; z-index: 555; cursor: pointer; padding: 9px; display: block; position: fixed; box-sizing: border-box; } .mob-menu #mainmenu ul { margin: 0; padding: 0; } .mob-menu #mainmenu ul li { margin: 0; padding: 0; border-bottom: 1px solid #a88c72; } .mob-menu #mainmenu ul li a { margin: 0; width: 100%; } #pull-wrap { left: 11px; background: #313131; } #pull-wrap2.show { right: 11px; background: #304ea2; } .pull { background: url(img/header__menu-icon.png) 0 0/100% no-repeat; width: 16px; height: 20px; display: inline-block; margin-top: 0; } #header #logo_floater { float: left; margin: 0; width: 100%; text-align: center; height: 56px; position: fixed; left: 0; top: 0; background: #f8f8f8; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.52); z-index: 999; } #header #logo_floater img { height: 100%; width: auto; margin-top: -7px; } .mob-menu #block-system-main-menu { position: static; left: 0; top: 0; } .mob-menu .number { font-size: 19px; text-align: center; line-height: 25px; margin-bottom: 20px; } .mob-menu .cat-menu nav ul li { margin: 0; width: 100%; float: left; list-style: none; padding-top: 0; padding-right: 0; } .mob-menu .cat-menu nav ul li a, .mob-menu .cat-menu nav ul li span { background: #656565 !important; color: #fff; padding: 5px 10px; float: left; width: 100%; box-sizing: border-box; font-size: 14px; } .mob-menu .cat-menu nav ul li li a { font-size: 15px; background: #d3d3d3 !important; color: #000; padding-left: 20px; text-transform: none; } .cat-menu ul li a { background: #484848 !important; color: #fff; padding: 5px 7px !important; float: left; width: 100%; box-sizing: border-box; font-size: 12px !important; line-height: normal; white-space: normal; } .mob-menu2 .cat-menu ul li a { margin-bottom: 0; background: #b7c7db !important; color: #000; padding: 11px 7px !important; } .cat-menu ul li li a { font-size: 15px; background: #d3d3d3 !important; text-transform: none; padding-left: 15px !important; } .wrap-menu .cat-menu li { list-style: none; float: left; width: 100%; box-sizing: border-box; margin: 0; padding: 0; border: 0; } .wrap-menu li { list-style: none; } .cat-menu { margin-top: 13px; clear: both; display: block; float: left; width: 100%; } .cat-menu ul ul { display: block; position: static; z-index: 20; margin: 0 !important; padding: 0 !important; border: 0 !important; width: 100%; box-sizing: border-box; } .logo-wrap a { width: 100%; text-align: center; padding-top: 10px; float: left; text-decoration: none; } .logo-wrap a img:first-child { width: 50px; position: static; } .logo-wrap a img:nth-child(2) { width: 175px; margin-left: 8px; position: relative; top: 11px; } .wrap-menu .block_phone { margin-top: 7px; width: 100%; } .wrap-menu .block_phone .phone { text-decoration: none; color: #000; font-size: 16px; } .wrap-menu .block_phone b { font-size: 19px; } #zvonok { top: 2px; left: 10px; } #zvonok img { width: 139px; } .cat-menu .sublackmenu { display: block; position: static; top: 0; left: 0; z-index: 10; } .wrap-phone-mobile .phonebox { padding-top: 0; font-size: 17px; text-align: right; width: initial; padding-right: 9px; letter-spacing: -1px; line-height: 43px; } .leftmenu li a, .wrap-menu .loginbox { padding: 10px; width: 100%; box-sizing: border-box; } .wrap-menu .loginbox { position: static; height: initial; margin-top: 7px; background: #e6e6e6; text-align: left; } #popup form, .box5, .box5 table, .facespecial, .switch_link { text-align: center; } .moblogo { margin-top: 3px; } .sitebox { padding-top: 83px; } .facespecial { clear: both; padding: 5px; font-size: 15px; } .blackfoot .sitebox { padding-top: 0; } .inright { float: right; width: 100%; } .box5, .inleft { width: 100%; } .leftmenu { border: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; } .leftmenu li { float: left; padding: 0; width: 100%; } .leftmenu li.active { background: 0 0; } .leftmenu li.active a { background: #fceede; } .leftmenu li a { margin-bottom: 10px; background: #edf5ff; float: left; text-decoration: none; } #container, .pvh-info-line-2, .two-quarter { width: 100% !important; } .pricing_table.quarter33 { margin: 1%; width: 31% !important; } .pricing_table.quarter50 { width: 48% !important; margin: 1%; } .korpus .korpus-label { display: block; margin: 0 0 13px; text-align: center; font-size: 20px; box-sizing: border-box; } .switch_link { display: block; margin-bottom: 10px; } .switch_link a { color: #fff; text-decoration: none; font-size: 20px; border-bottom: 1px dashed #fff; } #switch_pane4, #switch_pane5 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .show-this { display: block !important; clear: both !important; padding-top: 15px; } .server-table { width: 100%; font-size: 20px; } .server-table p { font-size: 15px !important; } .box5 > img { float: none !important; margin: 0 !important; max-width: 150px; } .box5 table { margin: 0 auto; width: 100%; max-width: 449px; display: block; } .wrap-ul ul { margin-left: 0 !important; } .tabl3 img { width: 100% !important; height: inherit; margin: 0 !important; } .tabl3 td { padding: 3px; } .pvh-info-line-7 b { position: static !important; font-size: 20px !important; width: 100% !important; box-sizing: border-box; margin: 0 0 20px !important; } .pvh-info-line-7 .wrap-price div p:nth-child(5) { margin-top: 0 !important; } .pvh-info-line-7 .wrap-price div { width: 20% !important; box-sizing: border-box; margin: 0 !important; float: left; border: 1px solid #dbdbdb !important; } .pvh-info-line-7 { float: left; width: 100%; margin-bottom: 20px; } .pvh-info-line-8 { clear: both; } .pvh-info-line-8 div { margin: 0 !important; } .listspecial { padding: 5px; margin: 0; width: 100%; box-sizing: border-box; } .slidehostingtab p.permonth strong { font-size: 17px; } .slidehostingtab p.permonth { bottom: 27px; left: 6px; height: 16px; line-height: 13px; } #switch_pane2 .slidehostingtab.five td { height: 200px; box-sizing: border-box; } #switch_pane4 .slidehostingtab.five td { height: 111px; box-sizing: border-box; } #switch_pane3 .slidehostingtab.five td { height: 82px; } } @media screen and (max-width: 680px) { #amount, #slider, #slider2 { width: 100% !important; margin: 0 !important; clear: both; } #amount table td, #block_ico .ico { text-align: center !important; } .promo_price_percent { left: 64px; bottom: 64px; } .calc-box-1 { width: 100% !important; clear: both; float: left; margin-bottom: 10px !important; } .wrap-inner-slider, .wrap-slider-calc { width: 100%; float: left; box-sizing: border-box; } .calc-box-1 div { width: 48% !important; margin: 1% !important; box-sizing: border-box; } #slider, #slider2 { box-sizing: border-box; } #amount { box-sizing: border-box; padding: 0; } .wrap-slider-calc { padding: 0 15px; } .wrap-inner-slider { padding: 0 8px; } #amount table, #block_ico, #eco_block, #panel_block, .tab_eco { width: 100% !important; } #block_ico { clear: both; background: 0 0 !important; height: initial !important; margin-bottom: 15px !important; float: left; margin-top: 0 !important; } #block_ico .ico { width: 18% !important; margin: 1%; display: inline-block; height: initial; padding: 5px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; } #block_ico .ico br { display: none !important; } #block_ico .ico span { display: block !important; padding-top: 6px; } #tab_eco_block { clear: both; } .preview_box { width: 65%; text-align: left; } .preview_box div { float: none; display: inline-block; } .price_button1 { width: 100% !important; box-sizing: border-box; } .collocation-table td { width: 25%; } .razmeshenie > img { width: 237px; } .razmeshenie .box2 { width: 173px; display: block; clear: both; margin: 0 auto; float: none; } .razmeshenie .img { height: 175px; overflow: hidden; float: left; text-align: center; } .razmeshenie .img img { float: none; } .dotted { margin-top: 10px !important; display: block; float: left; margin-bottom: 17px; } body { min-width: 100%; } #switch_pane0 .slidehostingtab td p:first-child { height: 49px; } #switch_pane0 .slidehostingtab td p:nth-child(2) { height: 53px; } #switch_pane1 .slidehostingtab td p:first-child { height: 45px; } #switch_pane1 .slidehostingtab td p:nth-child(2) { height: 60px; } } @media screen and (max-width: 600px) { .collocation-table td p, .pvh-info-line-5 div:first-child { width: 100% !important; text-align: center; } .promo_price_percent { left: 64px; bottom: 46px; } .pvh-info-line-5 div:first-child { margin: 0 0 20px !important; } .pvh-info-line-5 div:first-child img { max-width: 200px; } .pvh-info-line-5 div:nth-child(2) { width: 240px !important; position: static !important; display: block !important; margin: 0 auto 16px; } .pvh-info-line-7 .wrap-price div:first-child, .pvh-info-line-7 .wrap-price div:nth-child(2), .pvh-info-line-7 .wrap-price div:nth-child(3) { width: 33.33% !important; margin-bottom: 20px !important; } .pvh-info-line-7 .wrap-price div:nth-child(4), .pvh-info-line-7 .wrap-price div:nth-child(5), .table-50 td { width: 50% !important; } .pvh-info-line-7 div p:nth-child(4), h1 { font-size: 21px !important; } .pvh-info-line-2 { margin-bottom: 25px; text-align: center; } .call-text, .pvh-info-line-2 div p { margin: 0 !important; } .pvh-info-line-2 img { margin: 0 0 10px !important; } .pvh-info-line-2 div { box-sizing: border-box; width: 132px !important; margin-bottom: 15px; } .call-text span, .insidebox .tariftab td b { display: block; } .call-text { width: 100%; } .collocation-table td { width: 33.33%; display: block; float: left; height: 151px; padding: 5px; box-sizing: border-box; text-align: center; } .collocation-table td .plus { text-align: center; float: none; display: block; margin: 0 auto 10px !important; } .tab_eco { width: 99% !important; } .tab_eco .main-td { display: block; width: 100%; margin: 0 auto 8px; } .tab_eco .main-td:first-child { max-width: 150px; } .tab_eco .main-td:last-child { max-width: 360px; } .slidehostingtab.five td { width: 50%; padding: 10px; font-size: 13px; display: block; box-sizing: border-box; float: left; } .box4 a, .rent-table td { padding: 5px; box-sizing: border-box; } .server-table td:nth-child(3), .server-table th, h2 { font-size: 18px; } .rent-table { float: left; width: 100%; margin-bottom: 20px; } .rent-table td { width: 33.33%; display: block; float: left; height: initial; } .box4 a, .box4 p { float: none !important; text-align: center; } .server-table td:nth-child(2), .server-table td:nth-child(4) { font-size: 16px; } .server-table td span { font-size: 12px; } .box4 p { margin: 0 auto !important; display: block !important; } .box4 a { display: block; margin: 10px auto !important; max-width: 115px; line-height: 20px; } .box5 .box4 a { max-width: 219px; font-size: 17px !important; } .tower-server td:first-child p { margin: 21px 0 28px !important; font-size: 15px !important; } .tower-server td:nth-child(2) p:first-child { font-size: 28px !important; margin: 0 10px !important; } .tower-server td:nth-child(2) p:nth-child(2) { margin: 0 10px !important; font-size: 16px !important; } .tower-server td:nth-child(3) p { float: left !important; margin: 11px 20px 0 -10px !important; font-size: 16px !important; } .tower-server td:nth-child(4) { width: 69px !important; } .tower-server td:nth-child(4) p { font-size: 14px !important; margin: 0 !important; line-height: 30px !important; } .mycentertext { width: 100%; text-align: center; } .dop_uslugi_table li .col_left, .dop_uslugi_table li .col_right { text-indent: 0; padding: 5px; box-sizing: border-box; } .insidebox .tariftab td { text-align: center; padding: 8px; } .domaincheck th:first-child { width: 15%; } .domaincheck th:nth-child(2) { width: 65%; } .domaincheck th:nth-child(3) { width: 20%; } .domaincheck input.yourdomain, .table-50 { width: 100%; } .insidebox .buydomain td { padding: 8px; } .adaptive-table { overflow: auto; width: 100% !important; padding-top: 49px; } .ssl-link img { max-width: 178px; } .insidebox #ssl-props-selector li { width: 100%; margin: 0 0 5px; box-sizing: border-box; } .table-50 td img { width: 100% !important; height: initial !important; } } @media screen and (max-width: 480px) { .facedomainw, .table-50 td { float: left; height: initial; } .facedomainw, .gray-box { width: 100%; margin: 0 0 10px; } .table-50 td { width: 100% !important; display: block; padding-bottom: 20px; } .pvh-info-line-7 b { font-size: 14px !important; } .razmeshenie .img { width: 100%; } .razmeshenie .element5 { float: none; display: block; margin: 0 auto 20px; } .rent-table td { width: 50%; height: 185px; } #block_ico .ico { width: 31.33% !important; } .quarter33 .price_month { font-size: 18px !important; } .price_head { padding: 7px 0 !important; } .price_div { padding-top: 9px !important; } .pricing_table div { padding: 2px 0; font-size: 12px; } .quarter50 .price_month { font-size: 25px !important; } .facedomainw { box-sizing: border-box; background: #f0b43c; padding: 6px; } .facedomain .btna { display: block; margin: 5px auto; float: none; clear: both; } .facedomain .inputdomain { width: 70%; margin: 0; box-sizing: border-box; height: 29px; } .facedomain select { width: 30%; box-sizing: border-box; padding-left: 9px; height: 29px; border-radius: 0; margin: 0; } .facedomain { max-width: 100%; text-align: center; height: initial; background: 0 0; padding: 0; } .price_button .button { display: block; font-size: 12px; } .group-free div { width: 50% !important; box-sizing: border-box; text-align: center; padding: 10px; } .content div { padding: 10px 8px 0 0 !important; } .tabs label { padding: 0 6px !important; width: 87px; } .tabs .content { margin-top: -200px; } .tabs input { width: 113px; } .tabs .content div p { line-height: 15px; } .wrap-ul ul { text-align: left; float: none !important; display: block; margin: 0 auto !important; } .box5 table { max-width: 322px; } .element1 { margin: 8px 0 5px 93px; font-size: 19px; } } @media screen and (max-width: 600px) { .promo_price_percent { left: 53px; bottom: 57px; } #switch_pane3 .slidehostingtab.five td { height: 177px; } #switch_pane5 .slidehostingtab.five td { height: 304px; } #switch_pane4 .slidehostingtab.five td { height: 290px; } #switch_pane0 .slidehostingtab td p:first-child, #switch_pane0 .slidehostingtab td p:nth-child(2), #switch_pane1 .slidehostingtab td p:first-child, #switch_pane1 .slidehostingtab td p:nth-child(2) { height: initial; } } @media screen and (max-width: 430px) { #switch_pane2 .slidehostingtab.five td { height: 180px; width: 100%; } @media screen and (max-width: 430px) { #switch_pane1 .slidehostingtab.five td { height: 189px; width: 100%; } #switch_pane1 .slidehostingtab td p:first-child { height: 45px !important; } } #switch_pane3 .slidehostingtab.five td { height: 110px; width: 100%; } #switch_pane0 .slidehostingtab td p:first-child { height: 29px; } #switch_pane0 .slidehostingtab td p:nth-child(2) { height: 58px; } #switch_pane1 .slidehostingtab td p:first-child { height: 30px; } #switch_pane1 .slidehostingtab td p:nth-child(2) { height: 60px; } }