/**/ /* MAIN SLIDER (Block 199 style)*/ /*199 slider*/ .block199-slider { margin-top: 78px; height: 600px; overflow: hidden; font-family: "Open Sans",san-serif; } .block199-slide { height: 600px; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden; cursor: default; z-index: 1; } .block199-text { font-size: 65px; font-weight: 400; color: #fff; line-height: 1.3; margin: 0; padding: 0; z-index: 3; text-align: center; } .block199-subtext { font-size: 22px; font-weight: 300; line-height: 1.2; color: #fff; z-index: 3; text-align: center; } .block199-btn { display: inline-block; font-size: 22px; color: #fff; border-radius: 30px; padding: 15px 50px; opacity: 1; cursor: pointer; line-height: 1; z-index: 4; } .block199-btn:hover { opacity: .9; } .block199-slider button{ opacity: .4; } .block199-date { font-size: 18px; margin-top: 15px; color: #fff; font-weight: 300; } /*199 slide*/ /*vps upd*/ .block199-slide.vps-upd { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/vps-upd/bg.png"); display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .block199-wrap.vps-upd { display: flex; flex-direction: row; align-items: center; text-align: center; flex-wrap: wrap; } .block199-btn.vps-upd { background-color: #fff; margin-top: 30px; color: #14a9ff; } .vps-upd__item { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/vps-upd/text.png"); width: 600px; height: 300px; position: relative; } .vps-upd__text { color: #fff; line-height: 1.2; font-size: 38px; position: absolute; left: 50%; transform: translate(-50%); width: 100%; } .vps-upd__text.top { font-weight: 400; top: 50px; } .vps-upd__text.bottom { color: #fff; font-weight: 600; line-height: 1.2; font-size: 38px; position: absolute; bottom: 30px; left: 50%; transform: translate(-50%); } /*SSL*/ .block199-slide.ssl { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/ssl25/bg.png"); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; flex-wrap: wrap; } .block199-wrap.ssl { margin: 0 60px; position: relative; text-align: center; } .block199.main-price { } .block199-text.ssl { font-size: 54px; font-weight: 600; } .block199-text.ssl-line { text-decoration: line-through; color: red; font-size: 42px; } .block199-text.ssl-price { opacity: .5; font-size: 38px; font-weight: 400; } .block199-subtext.ssl { font-size: 24px; margin-top: 15px; } .block199-btn.ssl { background-color: #FEB846; margin-top: 30px; } .block199-img.ssl { max-width: 100%; margin: 40px 0 0; } /*Domain*/ .block199-slide.domain { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/domain/domain-bg-2.png"); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: space-around; } .block199-wrap.domain { margin-top: 150px; } .block199-img.domain { max-width: 100%; } .block199-text.domain { padding: 0 15px; max-width: 720px; text-align: left; float: left; } .block199-subtext.domain { font-size: 18px; margin-bottom: 30px; font-weight: 400; color: #fff; } .block199-btn.domain { background-color: #fff; color: #9A3D5E; margin-bottom: 10px; } /*BD 17*/ .block199-slide.bd17 { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/bd17/bd17-bg.jpg"); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: flex-end; } .block199-text.bd17 { background-color: rgba(108,22,67,0.7); padding: 0 15px; text-align: center; margin-bottom: 30px; } .block199-btn.bd17 { background-color: #FEB846; margin-bottom: 30px; } /*WP*/ .block199-slide.wp { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/wp/wp-bg.png"); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: center; } .block199-wrap.wp { margin-left: -30%; } .block199-text.wp { font-size: 46px; font-weight: 400; max-width: 720px; text-align: left; } .block199-subtext.wp { max-width: 500px; margin-top: 25px; text-align: left; } .block199-btn.wp { background-color: #E95946; margin-top: 30px; } /*chiki-piki*/ .block199-slide.chiki-piki { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/chikipiki/chikipiki-bg.png"); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: space-between; -ms-align-items: center; align-items: center; } .block199-slide.chiki-piki:before { content: ' '; position: absolute; bottom: 0; left: 0; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/chikipiki/chikipiki-img.png") center bottom no-repeat; width: 100%; height: 100%; z-index: 2; } .block199-text.chiki-piki { color: #323232; font-size: 42px; margin-top: 30px; } .block199-btn.chiki-piki { background: #fff; color: #000; margin-bottom: 30px; } /*END MAIN SLIDER*/ /*domain page header*/ .block199-slide.domain-page { background-image: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/domain/domain-bg-2.png"); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; flex-wrap: wrap; } /*РЕКЛАМА В ФУТЕРЕ*/ /*.mainfoot { margin-top: 90px; }*/ /*Other styles*/ /*supports block*/ .p-sup1 { margin: 0 0 25px; } /*ssl table*/ .tag-sale.ssl { float: none; top: auto; left: auto; margin: 10px 0; text-transform: none; } /*ua domain link*/ .item-link.ua::before { content: ''; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/domains/ua/ua-save.png"); } .item-link.ua { margin-top: 15px; margin-left: 30px; display: inline-block; position: relative; } /*Страница оплаты*/ .wrap.paypage { margin-top: 42px; } .block193-list.paypage { margin-bottom: 30px; } .paypage-img { display: block; margin: 30px auto; max-width: 100%; } .paypage-link { color: #2775df; } /**/ /*Fix*/ .contacts-hd { font-size: 16px; line-height: 30px; font-weight: 600; margin-bottom: 15px; } .domains-sect.domains-sect .slider-info h1.h2 { line-height: 1.2; color: #FA9500 !important; } .builder-section h1.tld-title { text-align: left; font-size: 30px !important; } .mainfoot .foot-item .foot-item-title { color: #000; font-size: 20px; font-weight: 400; line-height: 1; } .mainfoot .foot-item .foot-item-title .icon-foot-spoil { display: inline-block; vertical-align: middle; margin-left: 14px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fd8700; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } /*Новогодний футер .mainfoot::before{ background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/back_site_ng2018_2.png) no-repeat center; }*/ /*Переключатель валюты*/ .builder-section .links-dotted { right: -50px; } .dtb-head .links-dotted { right: 0; } /*Зелёный цвет*/ .block190-switch.links-dotted.link-dotted { background: #84AA41 !important; } /**/ /*z-index for mainheader*/ .mainheader { z-index: 999; } /*z-index bg in form*/ .domen-reg-form .drf-form, .domen-reg-form .drf-link{ position: relative; z-index: 10; } /*END Fix*/ /*Temp style*/ .post-article { text-align: justify; } .index-text { text-align: justify; } .wrap.index-text p { margin-bottom: 20px; font-size: 14px; line-height: 1.5; } /*End temp style*/ /*Preloader style .preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #202020; z-index: 9999; -webkit-transition: 1s all; -o-transition: 1s all; transition: 1s all; opacity: 1; visibility: visible; z-index: 99999; } .preloader .loader { width: 100%; height: 230px; line-height: 75px; text-align: center; font-size: 40px; font-weight: 700; color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .preload-img { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); } .preloader .loader span { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .preloader.done { opacity: 0; visibility: hidden; }*/ /**/ /*GLOBAL CLASSES STYLE*/ /*text*/ .wrap .item-tt { font-family: "Open Sans", san-serif; font-size: 20px; font-weight: 400; color: #000; line-height: 23px; } .wrap .item-text { color: #737373; font-size: 14px; font-family: "Open Sans",san-serif; line-height: 1.5; } /*link*/ .item-link { color: #2775df; text-decoration: none; border-bottom: 1px solid transparent; transition: .3s; } .item-link:hover { border-bottom: 1px solid #2775df; transition: .3s; cursor: pointer; } .item-link.orange { color: #ff8a00; } .item-link.orange:hover { border-color: #ff8a00; } .item-link.green { color: #71ac34; } .item-link.green:hover { border-color: #71ac34; } /*flex-box*/ .flex-row-sa { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-around; flex-wrap: wrap; } .flex-row-sb { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-between; } .flex-row-sa.start, .flex-row-sb.start { -ms-align-items: flex-start; align-items: flex-start; } /*============*/ /*BD17*/ .bd17-slide { max-width: 100%; height: 100vh; position: relative; background-size: cover; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: center; } .bd17-slide.slide-1 img { margin-top: 60px; } h1.bd17-title { text-align: center; font-size: 64px !important; color: #fff !important; font-weight: 400; font-family: "ProximaNova",sans-serif; margin: 0 auto; padding: 0; } h1.bd17-title span{ padding: 0 15px; background-color: rgba(108,22,67,0.7); line-height: 1.3; } .bd17-slide p { font-family: "ProximaNova",sans-serif; font-size: 44px; color: #fff; text-align: center; font-weight: 300; line-height: 1.3; } .bd17-slide p span { padding: 0 10px; } /*Slide 1*/ .bd17-slide.slide-1 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/1.jpg') center fixed no-repeat; justify-content: space-between; /*justify-content: flex-start; margin-top: 78px;*/ } .bd17-scroll { margin-bottom: 60px; } /*Slide 2*/ .bd17-slide.slide-2 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/2.jpg') center fixed no-repeat; justify-content: flex-start; } .bd17-slide.slide-2 p { margin-top: 60px; } .bd17-slide.slide-2 p span { background-color: rgba(126,93,18,0.7); } /*Slide 3*/ .bd17-slide.slide-3 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/3.jpg') center fixed no-repeat; justify-content: flex-start; } .bd17-slide.slide-3 p { margin-top: 60px; } .bd17-slide.slide-3 p span { background-color: rgba(23,75,93,0.7); } /*Slide 4*/ .bd17-slide.slide-4 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/4.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-4 p { margin-bottom: 60px; } .bd17-slide.slide-4 p span { background-color: rgba(59,130,91,0.7); } /*Slide 5*/ .bd17-slide.slide-5 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/5.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-5 p { margin-bottom: 60px; } .bd17-slide.slide-5 p span { background-color: rgba(4,81,110,0.7); } /*Slide 6*/ .bd17-slide.slide-6 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/6.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-6 p { margin-bottom: 60px; } .bd17-slide.slide-6 p span { background-color: rgba(96,51,84,0.7); } /*Slide 7*/ .bd17-slide.slide-7 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/7.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-7 p { margin-bottom: 60px; } .bd17-slide.slide-7 p span { background-color: rgba(6,59,80,0.7); } /*Slide 8*/ .bd17-slide.slide-8 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/8.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-8 p { margin-bottom: 60px; } .bd17-slide.slide-8 p span { background-color: rgba(169,110,39,0.7); } /*Slide 9*/ .bd17-slide.slide-9 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/9.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-9 p { margin-bottom: 60px; } .bd17-slide.slide-9 p span { background-color: rgba(55,120,82,0.7); } /*Slide 10*/ .bd17-slide.slide-10 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/10.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-10 p { margin-bottom: 60px; } .bd17-slide.slide-10 p span { background-color: rgba(59,130,148,0.7); } /*Slide 11*/ .bd17-slide.slide-11 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/11.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-11 p { margin-bottom: 60px; } .bd17-slide.slide-11 p span { background-color: rgba(153,88,41,0.7); } /*Slide 12*/ .bd17-slide.slide-12 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/12.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-12 p { margin-bottom: 60px; } .bd17-slide.slide-12 p span { background-color: rgba(157,83,103,0.7); } /*Slide 13*/ .bd17-slide.slide-13 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/13.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-13 p { margin-bottom: 60px; } .bd17-slide.slide-13 p span { background-color: rgba(174,125,29,0.7); } /*Slide 14*/ .bd17-slide.slide-14 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/14.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-14 p { margin-bottom: 60px; } .bd17-slide.slide-14 p span { background-color: rgba(61,118,87,0.7); } /*Slide 15*/ .bd17-slide.slide-15 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/15.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-15 p { margin-bottom: 60px; } .bd17-slide.slide-15 p span { background-color: rgba(5,69,93,0.7); } /*Slide 16*/ .bd17-slide.slide-16 { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/16.jpg') center fixed no-repeat; justify-content: flex-end; } .bd17-slide.slide-16 p { margin-bottom: 60px; } .bd17-slide.slide-16 p span { background-color: rgba(201,165,123,0.7); } /*Slide 17*/ .bd17-slide.slide-17 { /*background: linear-gradient(to right, #2b8fb8 0%,#6081e0 100%) center fixed no-repeat;*/ background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/bd17/17.jpg') center fixed no-repeat; justify-content: space-around; } /*.bd17-slide.slide-16 p { margin-bottom: 60px; }*/ .bd17-slide.slide-17 p span { background-color: rgba(54,122,141,0.7); } /*Slide 17 form*/ .bd17-form .phones-input { display: none; } .bd17-form-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; max-width: 100%; } .bd17-form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-top: 10px; max-width: 400px; padding: 0 15px; } .bd17-form input { font-size: 12px; padding: 10px 15px; border: none; border-bottom: 2px solid #eee; /*transition: box-shadow 0.3s, border 0.3s;*/ height: 40px; box-shadow: none; width: 100%; display: block; box-sizing: border-box; /*margin-top: 20px;*/ background: transparent; color: #eee; z-index: 3; } /*.bd17-form input:focus { border: solid 1px #eee; box-shadow: 0 0 5px 1px rgba(0,0,0,0.11) ; transition: box-shadow 0.3s, border 0.3s; }*/ .bd17-butt { display: block; width: 100%; text-align: center; } .bd17-butt button { display: block; width: 210px; margin: 30px auto 5px; background: #eee; border: 2px solid #eee; border-radius: 10px; font-size: 16px; color: #4896AD; padding: 10px 15px; cursor: pointer; transition: .3s; } .bd17-link { margin-top: 60px; } .bd17-link a { background: #eee; border: 2px solid #eee; border-radius: 10px; font-size: 16px; color: #4896AD; padding: 10px 25px; cursor: pointer; transition: .3s; } .bd17-butt button:hover, .bd17-link a:hover{ transition: .3s; color: #eee; background: transparent; } .bd17-butt a { color: #fdac16; font-size: 12px; text-decoration: none; border-bottom: 1px dotted #fdac16; transition: border 0.3s; text-align: center; margin-top: 15px; font-weight: 300; cursor: pointer; } .bd17-butt a:hover { border-bottom: none; transition: border 0.3s; } .bd17-message { text-align: center; padding: 60px 0px; display: none; position: relative; z-index: 3; } .bd17-message-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; } .bd17-message-item { width: 200px; margin-top: 60px; } .bd17-message-item p { margin-top: 15px; font-size: 16px !important; color: #eee; } .bd17-copy { margin-top: 15px; color: #fff; text-align: center; } /*===SCROLL ICON===*/ .bd17-scroll span { display: block; width: 5px; height: 5px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); border-right: 2px solid white; border-bottom: 2px solid white; margin: 0 0 3px 5px; } .unu { margin-top: 8px; } .unu, .doi, .trei { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; } .unu { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; } .doi { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; } .trei { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; } .mouse { height: 21px; width: 14px; border-radius: 10px; transform: none; border: 2px solid white; top: 170px; } .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } /*============*/ /* .maincontent { margin-top: 78px; } .admin-bar .mainheader, .admin-bar .maincontent { top: 32px; }*/ /*============*/ .dom-name a { color: #000; border-bottom: 1px dotted #fa9c16; } .dom-name a:hover { border-bottom: none; } .b-customize {font-family:"Open Sans",sans-serif} .entry {width: 620px; } a.entry_title{width: 620px; font-family:"Open Sans",sans-serif !important; font-size: 22px !important; text-align: left !important;} /*.admin-bar .mainheader, .admin-bar .maincontent {top: 0px !important;}*/ .flat-button { position: relative; vertical-align: top; width: 100px; height: 30px; padding: 0; font-size: 16px; color: white; border: 0px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #3498db; cursor: pointer; -webkit-box-shadow: inset 0 -2px #2a8bcc; box-shadow: inset 0 -2px #2a8bcc; border-radius: 20px; } .flat-button:active { top: 1px; outline: none; -webkit-box-shadow: none; box-shadow: none; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { padding: 10px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 0.3s; border-radius: 20px; height: 30px; } .wpcf7 input[type="email"]:focus, .wpcf7 input[type="email"].focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; } /* BLOG START */ .active { display: block; } .post_title a: hover { text-decoration:none; } .post_title { margin-top:22px; text-align:left; float:left; clear: both; width:620px; } .post_title .h2_title { color:#2a2e35 !important; font-size:36px; font-family:"Segoe UI", Arial, Helvetica, sans-serif; padding:8px; margin:0; } .post_details { float:left; width:620px; height:24px; font-family:"Segoe UI", Arial, Helvetica, sans-serif; font-size:12px; color:#1BA1E2; margin-top:10px; padding: 10px 0 10px 0; } .post_details_wrap { width:620px; } #content_wrapper { padding-top: 100px; float:left; width:620px; clear:left; margin-bottom:20px; } #content_wrapper_right { float:right; width:620px; clear:right; margin-left: 35px; margin-bottom:20px; *margin-left:-325px; *margin-top:225px; } #content_wrapper_full { clear:left; float:left; width:960px; margin-bottom:20px; } #left_content_wrapper { float:left; width:650px; clear:left; } .right_sidebar{ padding-top: 100px; width:290px; float:left !important; padding:0 0 50px 35px; } .right_content_wrapper { width:290px; float:left !important; padding:0 0 50px 35px; margin-top:150px; } #page_wrapper_blog { width:960px; /*background-image:url(img/blog_bgrnd.png);*/ background-position:right top; background-repeat:no-repeat; min-height:500px; margin: 0 auto; margin-bottom:20px; } .full_content { float: left; padding: 30px 0 30px 0; border-bottom: 1px solid #d9e1e3; } .full_content p { font-family: 'Segoi UI', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; color: #5f6060; margin-bottom: 10px; } .full_content p a { color: #45aed1; } div.hr { border-bottom: 1px solid #ddd; clear: both; margin: 20px 0px 20px 0px; } .right_content_details a { color: #45aed1; } .widgettitle h2{ color:#2a2e35 !important; font-size:24px; font-family:"Segoe UI", Arial, Helvetica, sans-serif; padding:8px; margin:0; } #nav-posts { float: left; padding-top: 25px; color: #0B8CDE; width: 620px; } .full_content .more-link { margin: 7px; float: right; color: #0B8CDE; } /* BLOG END */ a.tooltips { position: relative; display: inline; } a.tooltips span { position: absolute; width:140px; color: #FFFFFF; background: #000000; height: 30px; line-height: 30px; text-align: center; visibility: hidden; border-radius: 6px; } a.tooltips span:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -8px; width: 0; height: 0; border-right: 8px solid #000000; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } a:hover.tooltips span { visibility: visible; opacity: 0.8; left: 100%; top: 50%; margin-top: -15px; margin-left: 15px; z-index: 999; } .domain-spoil .table tbody tr.sale .tag {float: right;} .domain-spoil .table tbody tr td .oldprice {top: 4px !important; display: block; margin-left: 0 !important; color: #7F7F7F !important;} .domain-spoil .moreinfo {border: none !important;} .domain-spoil .moreinfo:hover {border: none !important;} .halloween-foot { background: url('https://hostpro.ua/wp-content/uploads/2017/10/back_plashka.png'); height: 50px; text-align:center; font-family: Open Sans; font-size: 14px; color:#FFC541; line-height: 45px; } .mobilecontact { display: none; } /*=================================START BLOCK STYLE======================================*/ /*Block 114 style*/ .sp-row.host.in-vps .winvps-item { width: 310px !important; } /**/ /*Block166 style*/ .block166 { background: #f3f3f3; } .block166__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: flex-end; align-items: flex-end; flex-wrap: wrap; padding-top: 60px; } .block166__item { max-width: 50%; } .wrap .block166__text { font-size: 16px; } .builder-section.builder-section h2.block166__title { text-align: left; } .block166__img { max-width: 50%; } .block166__btn { margin-bottom: 60px !important; text-align: center; } /*Block169 style*/ .skitch { padding: 65px 0 60px; border-bottom: 1px solid #cccccc; } .skitch-title { color: #313131; font-family: "Open Sans",san-serif; font-size: 35px; margin-bottom: 60px; text-align: center; position: relative; font-weight: 300; } .skitch-wrapp { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: flex-start; } .skitch__item { max-width: 285px; } .skitch__item-img { max-width: 150px; max-height: 150px; margin: 0 auto; display: block; } .skitch__item-title { color: #313131 !important; font-size: 22px !important; text-align: center; margin-top: 20px; } .skitch__item-text { font-size: 16px !important; text-align: left; margin-top: 15px; } .skitch__item-list { margin-top: 20px; } .skitch__item-list li { list-style-type: disc; color: #333 !important; font-size: 16px !important; line-height: 35px; margin-left: 15px; padding-left: 5px; } /*Block 176 Style*/ .awetools { margin-top: 25px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; flex-wrap: wrap; justify-content: space-around; -ms-align-items: flex-center; align-items: flex-center; } .awetools-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-between; -ms-align-items: flex-start; align-items: flex-start; min-width: 285px; max-width: 300px; margin-top: 25px; } .awetools-icon { margin-top: 10px; } .awetools-item .awetools-title, .awetools-item .awetools-text, .awetools-item .awetools-span { width: 240px; } .awetools-item .awetools-title { font-family: "Open Sans", san-serif; font-size: 18px; font-weight: 600; color: #000; } .awetools-item .awetools-text { font-family: "Open Sans", san-serif; font-size: 16px; } .awetools-item .awetools-span { font-family: "Open Sans", san-serif; font-size: 16px; font-style: italic; color: #919191; } /*Block 177 Style*/ .sss-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; padding: 25px 0 50px; border-bottom: 1px solid #E8E8E8; } .sss-item:nth-child(2n) { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; justify-content: space-around -ms-align-items: center; align-items: center; padding: 50px 0 50px; border-bottom: 1px solid #E8E8E8; } .sss-item:last-child { border: none; } .sss-wrapper { min-width: 200px; max-width: 465px; } .wrap .sss-title { font-family: "Open Sans", san-serif; font-weight: 600; font-size: 22px; color: #000; line-height: 25px; } .wrap .sss-text { font-family: "Open Sans", san-serif; font-size: 16px; color: #333; line-height: 25px; margin-top: 20px; } /*Block 179 style*/ .ssland-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex !important; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: flex-start; align-items: flex-start; flex-wrap: wrap; } .wrap .ssland-wrap p { font-family: "Open Sans", san-serif; } .ssland-item { width: 288px; min-height: 515px; background: #fff; border-radius: 5px; border-top: 3px solid #EF5419; padding: 15px 10px; transition: .3s; position: relative; margin-top: 50px; } .ssland-item:hover { transition: .3s; transform: translateY(-10px); cursor: default; } .wrap .ssland-title { font-size: 22px; font-weight: 400; text-transform: uppercase; text-align: center; color: #000; min-height: 75px; } .ssland-price { text-align: center; margin: 25px 0; } .wrap .ssland-bigprice{ font-size: 42px; color: #EF5419; font-weight: 400; line-height: 22px; display: block; } .wrap .ssland-bigprice mark { font-size: 16px; background-color: transparent; color: #EF5419; } .wrap .ssland-smallprice{ font-size: 16px; color: #ccc; line-height: 22px; display: block; margin-top: 15px; font-weight: 400; text-decoration: line-through; } .wrap .ssland-smallprice mark { font-size: 14px; background-color: transparent; color: #ccc; } .ssl25__bigprice { font-size: 42px; color: #71ac34; font-weight: 400; line-height: 22px; } .ssl25__bigprice span { font-size: 16px; } .ssl25__smallprice { font-size: 16px; color: #656565; line-height: 22px; font-weight: 400; text-decoration: line-through; } .green-line { background: #e9f4da !important; } .wrap .sp-row .sp-item:hover .ssl25__bigprice { color: #EF5419; } .ssland-textblock { padding: 25px 10px 0; font-size: 16px; } .ssland-textblock li { position: relative; padding: 10px 0 10px 25px; border-bottom: 1px solid #ebebeb; color: #5f6060; margin-bottom: 0; font-size: 15px; } .ssland-textblock li:last-child { border: none; } .ssland-textblock li:before { content: ' '; display: block; position: absolute; left: 4px; top: 16px; width: 10px; height: 7px; background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png) 0 0 no-repeat; background-position: -640px -314px; } .ssland-butt { text-align: center; margin: 15px 0; } /*Block 180 style*/ .h150 .bf2017-input:first-child { margin-right: 150px !important; height: 50px !important; } /*Block 184 style*/ .freessl { background-color: #87BF00; } .freessl-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 25px 0; } .wrap .freessl-text { font-weight: 300; color: #fff; font-family: "Open Sans"; font-size: 38px; line-height: 40px; text-align: center; } /*Block 185 style*/ .block185 { position: relative; padding-bottom: 60px; } .block185-bg { position: absolute; top: 0; left: 50%; transform: translateX(-50%); min-width: 320px; max-width: 100%; } .block185-title { padding-top: 150px; } .block185-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } .block185__item { min-width: 200px; max-width: 210px; margin-top: 30px; } .block185__item-title { position: relative; min-height: 40px; display: flex; flex-direction: row; align-items: center; } } .block185__item-title img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .block185__item-title p { padding-left: 10px; font-size: 20px; font-weight: 400; color: #000; } .block185__item li { position: relative; padding: 15px 0 15px 25px; border-bottom: 1px solid #ebebeb; color: #5f6060; margin-bottom: 0; font-size: 15px; display: block; } .block185__item li:before { content: " "; position: absolute; left: 4px; top: 20px; width: 10px; height: 7px; background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png) 0 0 no-repeat; background-position: -640px -314px; } /*Block 186 style*/ .iphone-block { background: url("https://hostpro.ua/wp-content/uploads/2017/11/iphonex.png") 0 0 no-repeat; min-height: 400px; } .iphone-block-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; min-height: 400px; flex-wrap: wrap; } .iphone-block-content { max-width: 350px; } .wrap .iphone-block-title { font-family: "Open Sans", san-serif; color: #fff; font-size: 35px; font-weight: 600; margin-bottom: 35px; line-height: 40px; } .iphone-block-img { position: relative; min-height: 400px; max-width: 100%; min-width: 238px; } .iphone-block-img:before { content: " "; position: absolute; background: url("https://hostpro.ua/wp-content/uploads/2017/11/back.png"); min-width: 238px; min-height: 347px; left: 0; bottom: 0; } .iphone-block-link { background-image: linear-gradient(to top, #80C300, #B0D500); font-family: "Open Sans", san-serif; color: #fff; font-size: 30px; font-weight: 400; padding: 5px 35px; border-radius: 40px; } .iphone-block-link:hover { cursor: pointer; background-image: linear-gradient(to bottom, #80C300, #B0D500); } /*Block 187 style*/ .block187-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } .block187-item { min-width: 200px; max-width: 260px; cursor: default; margin-top: 30px; } .block187-item:hover .block187-img { transform: translateY(-5px); transition: .3s; } .block187-img { max-height: 100px; transition: .3s; display: block; margin: 0 auto; } .block187-tt { text-align: center; margin-top: 15px; min-height: 55px; } .block187-text { text-align: center; } /*Block 188 style*/ .block188 { background-color: #f9a900; background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f7b700), color-stop(100%, #ff7200)); background-image: -moz-linear-gradient(left, #f7b700 0%, #ff7200 100%); background-image: -webkit-linear-gradient(left, #f7b700 0%, #ff7200 100%); background-image: linear-gradient(to right, #f7b700 0%,#ff7200 100%); padding: 20px 0; position: relative; text-align: center; } .block188:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/uzor-big-left.png") no-repeat; width: 109px; height: 60px; opacity: 0.5; } .block188:after { content: ''; display: block; right: 0; bottom: 0; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/uzor.png") no-repeat; width: 215px; height: 75px; position: absolute; opacity: 0.3; } .block188-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; } .block188-butt { display: block; z-index: 3; } .wrap .block188-text { font-family: "Open Sans", san-serif; font-size: 18px; color: #fff; font-weight: 400; padding: 10px 0; position: relative; } /*Block 189 style*/ .block189 { background-color: #87BF00; } .block189-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: center; flex-wrap: wrap; padding: 25px 0; } .block189-img { max-width: 634px; min-width: 250px; margin-left: -100px; } .block189-item { min-width: 300px; max-width: 400px; } .wrap .block189-text { font-weight: 300; color: #fff; font-family: "Open Sans"; font-size: 35px; line-height: 40px; text-align: left; margin-bottom: 35px; } .wrap .block189-text span { font-weight: 600; } .block189-butt { position: relative; background-color: #fff; font-family: "Open Sans", san-serif; color: #87BF00; font-size: 30px; font-weight: 400; padding: 5px 35px; border-radius: 40px; transition: .3s; cursor: pointer; } .block189-butt:hover { background-color: #f4f4f4; transition: .3s; } /*Block190 style*/ .block190-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; } .block190-items { margin-top: 25px; } .block190-item { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; margin-top: 15px; } .block190-item p { font-size: 16px; color: #656565; margin-left: 20px; } .block190__price-wrap { min-width: 250px; max-width: 280px; background: #fff; border-radius: 5px; border-top: 3px solid #84aa41; padding: 15px 10px; transition: .3s; position: relative; box-shadow: 0px 0px 10px 0 #efeaea; text-align: center; } .block190__price-wrap { margin-top: 25px; position: relative; padding: 30px 20px; } .block190-bigprice { margin: 25px 0; } .block190-bigprice span{ font-size: 52px; text-align: center; line-height: 15px; font-weight: 600; color: #84aa41; height: 50px; margin: 20px 0 10px; } .block190-bigprice .pricing__item-price mark{ font-size: 14px; color: #333; text-align: center; font-weight: 300; background-color: transparent; display: block; margin-top: 15px; } .block190-smallprice { text-decoration: line-through; color: #ccc; margin: 15px 0; } .block190-smallprice p, .block190-smallprice span { font-size: 12px; font-style: italic; color: #ccc; text-align: center; display: inline-block; text-decoration: line-through; } .block190-smallprice mark { font-size: 12px; background-color: transparent; color: #ccc; } .block190-btn { border: 2px solid #84aa41; background: #84aa41; color: #fff; padding: 10px 15px 9px; border-radius: 24px; transition: .3s; cursor: pointer; text-align: center; display: block; margin: 20px auto; width: 175px; } .block190-btn:hover { background-color: transparent; color: #84aa41; transition: .3s; } .block190-link { font-size: 13px; border-bottom: 1px dotted #000; color: #000; text-decoration: none; cursor: pointer; } .block190-link:hover { border-bottom: 1px solid #000; text-decoration: none; } .wrap .block190-test { font-size: 12px; font-style: italic; color: #71ac34; } /*Block191 style*/ .wrap .block191__price-wrap { border-top: 3px solid #FF8A00; } .wrap .block191-bigprice span { color: #FF8A00; } .wrap .block191-btn { border: 2px solid #FF8A00; background: #FF8A00; } .wrap .block191-btn:hover { color: #FF8A00; background: transparent; } .wrap .block191-test { color: #FF8A00 !important; } .block191-switch .active { color: #fff; border-color: #656565 ; background: #FF8A00; border-radius: 50px; } /*Block192 style*/ .block192-wrap { position: relative; margin-top: 30px; } .block192-slide { text-align: center; cursor: default; } .block192-prev, .block192-next { content: " "; position: absolute; height: 72px; width: 31px; background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png) no-repeat; z-index: 1; cursor: pointer; top: 50%; transform: translateY(-50%); } .block192-prev { background-position: -455px -104px; left: 0px; } .block192-next { background-position: -499px -104px; right: 0px; } .block192-prev:hover { left: 3px; } .block192-next:hover { right: 3px; } .block192-name { font-weight: 700; font-size: 18px; color: #000; display: block; margin-bottom: 20px; } .block192-name span { font-weight: 400; font-size: 14px; display: block; } .block192-slide iframe { width: 550px; height: 300px; } .wrap .block192-desc { text-align: center; font-size: 14px; min-width: 190px; max-width: 500px; height: auto; margin: 20px auto 0; font-style: italic; position: relative; } .block192-desc:before { content: "\f10d"; font: normal normal normal 12px/1 FontAwesome ; position: absolute; width: 10px; height: 10px; top: 0; left: -15px; color: #fdac16; } /*.block192-desc:after { content: "\f10e"; font: normal normal normal 12px/1 FontAwesome ; position: absolute; width: 10px; height: 10px; bottom: 0; right: -14px; color: #fdac16; }*/ /**/ /*193 Block style*/ .block193-row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: flex-start; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } .block193-col { min-width: 300px; max-width: 445px; text-align: justify; } .wrap .block193-col-subtitle { font-size: 20px; font-weight: 400; color: #000; line-height: 1; margin-bottom: 15px; } .wrap .block193-col-text { font-size: 14px; font-weight: 400; color: #313131; margin-bottom: 15px; } .block193-list li{ position: relative; padding: 6px 0 7px 25px; color: #313131; font-family: "Open Sans",san-serif; margin-bottom: 0; font-size: 14px; } .block193-list li:before { content: ''; display: block; position: absolute; left: 4px; top: 10px; width: 10px; height: 7px; background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png') 0 0 no-repeat; background-position: -640px -314px; } .wrap .block193-subtitle { text-align: center; margin-top: 20px; font-size: 20px; font-weight: 400; color: #000; line-height: 1; margin-bottom: 10px; } .wrap .block193-subtitle:last-child { padding: 0 10%; line-height: 1.5; } .wrap .block193-text { font-size: 14px; font-weight: 400; color: #313131; margin-bottom: 10px; text-align: justify; } .block193-pay { display: block; margin: 30px auto; } .block193-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-around; flex-wrap: wrap; margin: 0 0 40px; } .block193-item { width: 280px; text-align: center; margin-top: 30px; } .block193-pay { display: block; max-width: 100%; height: auto; } .wrap .block193-item-text { font-size: 16px; color: #313131; } /**/ /*Block 194 style*/ .block194-form .phones-input { display: none; } .block194-section { position: relative; margin-top: 78px; } .block194-section:before, .block194-section:after { content: ' '; position: absolute; width: 400px; height: 880px; top: 0; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/ball.png") no-repeat; z-index: 1; } .block194-section:before { left: 0; } .block194-section:after { right: 0; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .block194-form-wrap { margin: 0 auto; } .block194-title { font-size: 35px; font-weight: 400; color: #313131; text-transform: uppercase; line-height: 1.2; z-index: 2; } .block194-title span { color: #fdac16; } .block194-bobr { position: relative; width: 302px; height: 302px; display: block; margin: 60px auto 0; } .block194-bobr:before { content: ' '; position: absolute; width: 143px; height: 234px; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/arrow.png") no-repeat; left: -150px; top: -80px; } .wrap .block194-subtitle { font-size: 22px; font-weight: 300; margin-top: 60px; text-align: center; } .block194-form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; margin-top: 10px; } .block194-form input { font-size: 12px; padding: 10px 15px; border: solid 1px #E9E9E9; transition: box-shadow 0.3s, border 0.3s; border-radius: 30px; height: 40px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); width: 400px; display: block; box-sizing: border-box; margin-top: 20px; z-index: 3; } .block194-form input:focus { border: solid 1px #fdac16; box-shadow: 0 0 5px 1px rgba(0,0,0,0.11) ; transition: box-shadow 0.3s, border 0.3s; } input.block194-address { width: 500px; } input.block194-postcode { width: 300px; } input.block194-full { width: 100%; } .block194-butt { display: block; width: 100%; text-align: center; } .block194-butt button { display: block; width: 200px; margin: 30px auto 5px; background: #fdac16; border: 2px solid #fdac16; border-radius: 30px; font-size: 16px; color: #fff; padding: 10px 15px; cursor: pointer; transition: .3s; } .block194-link { margin-top: 60px; } .block194-link a { background: #fdac16; border: 2px solid #fdac16; border-radius: 30px; font-size: 16px; color: #fff; padding: 10px 25px; cursor: pointer; transition: .3s; } .block194-butt button:hover, .block194-link a:hover{ transition: .3s; color: #fdac16; background: transparent; } .block194-butt a { color: #fdac16; font-size: 12px; text-decoration: none; border-bottom: 1px dotted #fdac16; transition: border 0.3s; text-align: center; margin-top: 15px; font-weight: 300; cursor: pointer; } .block194-butt a:hover { border-bottom: none; transition: border 0.3s; } .block194-message { text-align: center; padding: 60px 0px; display: none; position: relative; z-index: 3; } .block194-message-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; flex-wrap: wrap; } .block194-message-item { width: 200px; margin-top: 60px; } .block194-message-item p { margin-top: 15px; font-size: 16px; color: #000; } /**/ /*Block 196 style*/ .block196-bg { margin-top: 78px; width: 100%; height: 575px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .block196-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } .block196-title { font-size: 85px; color: #fff; font-weight: 300; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: center; -ms-align-items: center; align-items: center; flex-wrap: wrap; width: 100%; } .block196-title p { margin: 30px 0; } .block196-title img { max-width: 100%; margin-left: 60px; } .block196-sale { font-size: 60px; color: #fff; font-weight: 300; margin-top: 30px; } .block196-sale span { font-weight: 400; font-size: 75px; } /**/ /*Block 197 style*/ .block197-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: space-around; flex-wrap: wrap; } .wrap .block197-text { text-align: justify; margin-top: 35px; } .wrap .block197-text p { margin-bottom: 15px; font-size: 14px; } .block197-price-wrap { min-width: 250px; max-width: 300px; } .block197-sale { margin-top: 30px; text-align: justify; } .wrap .block197-sale p { font-size: 12px; color: #ccc; margin-bottom: 10px; } .wrap .block197-sale span { font-weight: 600; } .block197-bigprice { margin-top: 58px; } .block197-bigprice span{ font-size: 52px; text-align: center; font-weight: 600; color: #84aa41; margin: 20px 0 10px; line-height: 30px; position: relative; } .block197-bigprice .pricing__item-price mark{ font-size: 24px; color: #84aa41; text-align: center; font-weight: 400; background-color: transparent; } .block197-price { text-align: center; margin-top: 35px; background: #fff; border-radius: 5px; border-top: 3px solid #84aa41; padding: 0 10px 15px; transition: .3s; position: relative; box-shadow: 0px 0px 10px 0 #efeaea; text-align: center; } .block197-smallprice { color: #ccc; margin: 15px 0; } .block197-smallprice p, .block197-smallprice span { font-size: 14px; font-style: italic; color: #ccc; text-align: center; display: inline-block; } .block197-smallprice mark { font-size: 14px; background-color: transparent; color: #ccc; } .block197-label { position: absolute; width: 58px; height: 55px; background: #84aa41; right: 20px; text-align: center; } .wrap .block197-label p { position: relative; font-size: 18px; color: #fff; padding-top: 3px; } .block197-label::before { content: ' '; position: absolute; bottom: 0; left: 0; border: 29px solid transparent; border-bottom: 18px solid #fff; display: block; width: 0; height: 0; } .block197-table { border-spacing: 2px; max-width: 100%; margin-top: 30px; } .block197-table tr:nth-child(odd) { background: #F1F3F4; } .block197-table tr:nth-child(even) { background: #fff; } .block197-table td { padding: 15px; border-radius: 5px; vertical-align: middle; } .block197-table td:last-child { text-align: center; } /*Block 198 style*/ .wrap .block198-more { font-size: 30px; text-align: center; margin-top: 60px; color: #313131; font-weight: 300; } .wrap p.block198-sale { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 16px; color: #FF8A00; } .wrap .sp-row .sp-item-active:hover p.block198-sale { color: #FF8A00; } .wrap .sp-row.host.in-vps .sp-item-active .sp-item-header { border-color: #FF8A00 !important; } .wrap .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new .sp-item-active ul li::before { background-position: -640px -314px; } .wrap .sp-row.host.in-vps .sp-item-active .btn { border-color: #FF8A00 !important; background: #FF8A00 !important; } .wrap .sp-row.host.in-vps .sp-item-active .sp-item-footer p { color: #FF8A00 !important; } .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new .sp-item .block198-item-header { height: auto; } .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new .sp-item .block198-item-header .sp-title { margin-bottom: 30px; } .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new.in-vps .sp-item .block198-item-footer .btn { width: 100% !important; } .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new.in-vps .sp-item .block198-item-footer .vps-test { float: none; width: 100%; text-align: center; } /*Block 202 style*/ .block202-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: flex-start; align-items: flex-start; flex-wrap: wrap; } .block202-item { max-width: 180px; text-align: center; margin-top: 30px; } .wrap .block202-text { margin-top: 15px; } /*Block 203 style*/ .block203 { height: 100%; } .block203-wrap { margin-top: 78px; padding: 0 60px; min-height: 450px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: space-around; -ms-align-items: center; align-items: center; } .wrap .block203-title { font-size: 65px; font-weight: 400; color: #fff; line-height: 1.3; margin: 0; padding: 0; z-index: 3; } .wrap .block203-subtitle { font-size: 22px; font-weight: 300; line-height: 1.2; color: #fff; z-index: 3; } .pict-main ul li.current-menu-item a.block203-link { background: #f3f3f3; } .block203.linux { background: url('https://hostpro.ua/wp-content/uploads/2018/03/back2.png') center no-repeat; background-size: cover; } .block203.win { background: url('https://hostpro.ua/wp-content/themes/hostpro/assets/img/slider/vps/win-bg.png') center no-repeat; background-size: cover; } .block203-text { min-width: 520px; margin: 15px 0; } /*Block 205 style*/ .block205-item { text-align: center; margin-top: 30px; min-width: 120px; } .wrap .block205-item p { font-size: 14px; line-height: 1; margin-top: 15px; } /*Block 206 style*/ .wrap .block206 p { font-size: 14px; line-height: 25px; margin-bottom: 15px; color: #333; font-family: "Open Sans"; text-align: justify; } /*Block 207 style*/ .block207__item { max-width: 250px; position: relative; margin: 10px; } .block207__img { position: relative; max-width: 250px; height: 200px; } .block207__img img { width: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wrap .block207__text { text-align: center; font-size: 14px; } .block207__arrow { height: 72px; width: 31px; background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png) no-repeat; background-position: -499px -104px; margin: 78px 10px 0; } /*Block 208*/ .block208__table { width: 100%; border-spacing: 2px; position: relative; margin-top: 30px; } .block208__table::before { content: ' '; position: absolute; width: 100px; height: 360px; background: url("https://hostpro.ua/wp-content/themes/hostpro/assets/img/arrow-3.png") no-repeat; left: -100px; top: -275px; } .block208__table tr:first-child td { color: #000; } .block208__table td { position: relative; padding: 15px; text-align: center; color: #333; background: #fff; } .block208__table tr:first-child td { background: #f1f3f3; border: none; } .block208__price mark { background-color: transparent; color: #b2b2b2; font-size: 16px; } .block208__table tr:nth-child(2) td:first-child, .block208__table tr:nth-child(2) td:last-child, .block208__table tr:last-child td:first-child, .block208__table tr:last-child td:last-child { border: 1px solid #fff; } .block208__table tr:nth-child(2) td:first-child { border-radius: 7px 0 0 0; } .block208__table tr:nth-child(2) td:last-child { border-radius: 0 7px 0 0; } .block208__table tr:last-child td:first-child { border-radius: 0 0 0 7px; } .block208__table tr:last-child td:last-child { border-radius: 0 0 7px 0; } .block208__label { position: absolute; top: 50%; transform: translateY(-50%); left: -50px; font-size: 12px; color: #fff; background: #ff8a00; padding: 5px; border-radius: 5px; /*немного колхоз*/ width: 75px; } /*Block 209*/ .block209 { width: 100%; text-align: center; border-collapse: separate; border-spacing: 3px; margin-top: 30px; } .block209 td { text-align: center; padding: 20px 0; background: #fff; width: 200px; font-size: 22px; font-weight: 400; position: relative; } .block209 tr:nth-child(2) td:last-child { font-size: 16px; text-transform: uppercase; } .block209 tr:first-child td { background: transparent; padding: 15px 0; font-weight: 400; font-size: 18px; color: #000; font-weight: 600; } .block209 tr:last-child td:first-child, .block209 tr:last-child td:last-child { border: 3px solid #f3f3f3; } .block209 tr:last-child td:first-child { border-radius: 7px 0 0 7px; } .block209 tr:last-child td:last-child { border-radius: 0 7px 7px 0; } .block209 tr:nth-child(2) td:nth-child(2) { background: #84aa41; color: #fff; } .block209__label { position: absolute; top: 50%; transform: translateY(-50%); left: -50px; font-size: 14px; color: #fff; background: #ff8a00; padding: 5px; border-radius: 5px; width: 90px; text-transform: uppercase; font-weight: 400; } .block209__oldprice { color: #333; font-size: 14px; text-decoration: line-through; } .wrap .block209__text { margin-top: 15px; text-align: justify; line-height: 1.5; font-size: 16px; } .block209__form { margin: 30px auto; width: 100%; display: block; text-align: center; } .block209__form input[type="text"] { width: 80%; height: 40px; border-radius: 20px; background-color: #fff; box-sizing: border-box; padding: 10px 20px; border: 1px solid #ccc; margin: 30px 0; } .block209__form input[type="text"]:focus { border: 1px solid #ff8a00; } .block209__form input[type="submit"] { border: none; background: #ff8a00; color: #fff; font-size: 16px; padding: 10px 25px; border-radius: 22px; transition: .3s; margin-top: 15px; } .block209__form input[type="submit"]:hover { opacity: 0.8; cursor: pointer; transition: .3s } /*END BLOCK STYLE*/ .wrap .bsect-tt { text-align: center; font-family: "Open Sans", san-serif; font-weight: 300; } .orange-font { min-width: 250px; max-width: 650px; margin: 0 auto; } .attention-block { position: relative; display: block; padding-left: 40px; } .attention-block:before { content: " "; position: absolute; width: 25px; height: 25px; top: 50%; transform: translateY(-50%); left: 0; background: url("https://hostpro.ua/wp-content/uploads/2017/11/attention-icon.png") no-repeat; } /*MEDIA*/ @media screen and (max-width: 1200px) { /*Main slide (block 199)*/ .slick-prev, .slick-next { display: none !important; } /**/ .bd17-slide.slide-17 { height: 100%; padding: 60px 0; } /*РЕКЛАМА В ФУТЕРЕ*/ .mainfoot { /*С плашкой*/ /*margin-top: 108px;*/ /**/ /*Без плашки*/ margin-top:62px; /**/ } /**/ .bs-greenline .oplata .line-item .btn { margin-right: 0; } } @media screen and (max-width: 992px) { /*Main slide (block 199)*/ /*vps-upd*/ .block199-img.vps-upd { display: none; } /*domain*/ .block199-wrap.domain { margin-top: 30px; } .block199-text.domain { max-width: 100%; float: none; text-align: center; font-size: 36px; } .block199-img.domain { margin: 15px auto 0; } /*wp*/ .block199-wrap.wp { margin-left: 0; text-align: center; } .block199-wrap.wp p { text-align: center; max-width: 100%; } /**/ /*BLOCK 193*/ .block193-row { justify-content: space-around; } .block193-col { max-width: 100%; } .block193-col-subtitle { text-align: center; margin-top: 20px; } /**/ /*BLOCK 194*/ .block194-section:before, .block194-section:after { display: none; } /**/ } @media screen and (max-width: 768px) { /*Block 166*/ .builder-section.builder-section h2.block166__title { text-align: center; } .block166__item { max-width: 100%; text-align:center; } .block166__img, .block166__text { max-width: 100%; } .block166__text { text-align: center; } /*Main slide (block 199)*/ /*vps-upd*/ .vps-upd__item { background-image: none; width: 100%; } .vps-upd__text { position: relative; } /*SSl*/ .block199-img.ssl { display: none; } /**/ /*Value switch*/ .builder-section .links-dotted { position: relative; right: auto; margin: 0 auto; } /**/ /*==========*/ /*.mainheader { position: relative; } .maincontent { margin-top: 0px; } .admin-bar .mainheader, .admin-bar .maincontent { top: 0px; }*/ /*==========*/ .bd17-slide { justify-content: space-around !important; } h1.bd17-title { font-size: 32px !important; } .bd17-slide p { font-size: 32px !important; margin: 0 !important; } .bd17-slide { min-height: 600px; } /*BLOCK SUPPORT*/ .bg-sup { min-height: 150px; background-size: contain !important; background-position: 0 40px; background-repeat: no-repeat; } a.zayavka { top: 179px !important; position:absolute; display: inline-block; padding: 14px 20px !important; } .create-account { top:-15px; } /*BLOCK 185*/ .block185__item { min-width: 300px; max-width: 100%; } /*BLOCK 189*/ .block189-wrap { text-align: center; } .wrap .block189-text { text-align: center; } .block189-img { margin-left: 0; } /*BLOCK 190-191*/ .pricing-switch-wrap { margin: 10px auto; position: relative; } /*BLOCK 192*/ .block192-slide iframe { width: 350px; height: 200px; } .block192-desc { padding: 0 15px; } .block192-desc:before { left: 0; } /*BLOCK 194*/ .block194-section { margin-top: 0; } .block194-form input { width: 100%; } /*BLOCK 196*/ .block196-title img { margin-left: 0; } /*BLOCK 203*/ .block203-wrap { flex-wrap: wrap; text-align: center; } .block203-text { min-width: 100%; } .block203-wrap img { display: none; } /*BLOCK 207*/ .block207__arrow { display: none; } } @media screen and (max-width: 480px) { /*Main slide (block 199)*/ /**/ .bd17-slide { background-attachment: scroll !important; } /*РЕКЛАМА В ФУТЕРЕ*/ .mainfoot { /*C плашкой*/ /*margin-top: 193px;*/ /**/ /*Без плашки*/ margin-top: 139px; /**/ } /**/ .post-article { text-align: left; } .mobilecontact { display: block; margin: 30px; text-align: center; } .bs-greenline .oplata { min-height: 285px; } /*BLOCK SUPPORT*/ .bg-sup { background-size: cover; background-position: 0; background-repeat: no-repeat; min-width: 100% !important; } a.zayavka { right: 0; position: relative; display: block; text-align: center; top: 0 !important; margin-left: 0 !important; } .create-account { top: 0; display: block; text-align: center; margin: 0 auto !important; } /*BLOCK 169*/ .skitch-title { margin-bottom: 30px; } .skitch-wrapp { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: center; align-items: center; } .skitch__item { margin-top: 30px; } /*BLOCK 177*/ .sss-item { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .sss-item:nth-child(2n) { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .sss-title { text-align: center; margin-top: 30px; } .sss-text { text-align: justify; } /*BLOCK 179*/ .ssland-wrap { margin-top: 50px; } .ssland-item { margin-top: 20px; } .ssland-item:hover { transform: translateY(0px); } .builder-section .ssland-dotted { top: 50px; left: auto; left: 50%; transform: translateX(-50%); } /*BLOCK 185*/ .block185-title { padding-top: 90px; } /*BLOCK 186*/ .iphone-block-content { max-width: 100%; text-align: center; min-width: 300px; margin-top: 30px; } /*BLOCK 192*/ .block192-slide iframe { width: 100%; } .block192-prev, .block192-next { display: none !important; } /*BLOCK 194*/ .block194-bobr:before { display: none; } .block194-bobr { width: 280px; height: 280px; } .block194-bobr img { width: 280px; height: 280px; } /*BLOCK 197*/ .block197-bigprice .pricing__item-price mark { display: block; } /*BLOCK 209*/ .block209__label { display: none; } /**/ } @media screen and (max-width: 320px) { /*Main slide (block 199)*/ /**/ .builder-section .ssland-dotted { top:75px; } /*РЕКЛАМА В ФУТЕРЕ*/ .mainfoot { /*C плашкой*/ /*margin-top: 215px;*/ /**/ /*Без плашки*/ margin-top: 160px; /**/ } /**/ /*BLOCK SUPPORT*/ .bg-sup { background-position: 0 70px; } /**/ /*BLOCK STYLE*/ /*BLOCK 194*/ .block194-bobr { width: 250px; height: 250px; } .block194-bobr img { width: 250px; height: 250px; } /**/ } /*======END NORMAL MEDIA==========*/ @media all and (min-width: 760px) and (max-width: 860px) { .block194-section, .block199-slider, .block203-wrap { margin-top: 0px; } } @media screen and (max-width: 700px) { .foot-item.foot-item-menu { display: none; } } @media screen and (max-width: 480px) { .hp-phone.hp-show { display: none !important; } .btn-wp { -webkit-border-radius: 28; -moz-border-radius: 28; border-radius: 28px; font-family: Arial; color: #ffffff; font-size: 14px; background: #679201; padding: 10px 20px 10px 20px; border: solid #679201 1px; text-decoration: none; } .btn-wp:hover { background: #7cab03; text-decoration: none; } } .domains-sect.domains-sect .slider-info span.h2 { display: inline-block; color: #fff; font-family: "Open Sans",san-serif; margin-bottom: 25px; position: relative; font-weight: 300; text-align: left; font-size: 35px; } .domains-sect.domains-sect .slider-info h1 { display: inline-block; color: #fff !important; font-family: "Open Sans",san-serif; margin-bottom: 25px; position: relative; font-weight: 300; text-align: left; } .domains-sect.domains-sect .slider-info span.h2 span { display: inline-block !important; } .builder-section.builder-section .slider-info span.h2 span { color: #FA9500 !important; } .domain-spoil .domain-spoil-head { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .domain-spoil .domain-spoil-head .star { display: none; } .wrap p { line-height: 1.7; font-family:"Open Sans",san-serif; } .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new.host .sp-item {padding-bottom: 80px !important;} .sp-row.sp-row-new.sp-row-new.sp-row-new.sp-row-new.sp-row-new .sp-item {padding-bottom: 0px !important;} div.tarif-include div.wrap h3 span {font-size: 12px !important; font-style: normal;} .sp-row.host span.mark {background: transparent; font-size: 20px; color: #b2b2b2} .w-content ul { list-style: none; text-align: left; padding-left: 45px; line-height: 30px; } .w-content ul li {border-bottom:1px solid #eee;} .w-content ul li:last-child {border-bottom: none;} .w-content ul li:before { content: '✔'; position: relative; top: 0; left: 0; color: #679201; padding-right: 5px;} .w-content h3 {padding-top: 30px; padding-bottom: 45px; padding-right: 5px; padding-left: 5px; color: #313131; font-weight: 600;} div.w-content { text-align: center; width: 450px; } div.bg-wrap { background-color: #fff; width: auto; height: auto; } .wrap-odd {padding-left: 100px;} .wrap-even {padding-right: 100px;} .boxShadow-left { min-width: auto; box-shadow: 0 0 10px 5px rgba(221, 221, 221, 1); height: auto; float: left; margin: 40px; } .row {margin-left: 27em; margin-bottom: 5em; min-height: 600px;} .w50-left {width: 460px;} .custom-op { text-align: justify; font-family: "Open Sans",san-serif; color: #313131; display: block; font-size: 18px; line-height: 28px; margin: 0 25%;} .landing-bg-odd { background-image: url(https://hostpro.ua/wp-content/uploads/2017/01/Mask-Copy-2.png); background-repeat: no-repeat; background-size: cover; width:100%; height: 600px;} .landing-bg-even { background-image: url(https://hostpro.ua/wp-content/uploads/2017/01/Mask-Copy-4.png); background-repeat: no-repeat; background-size: cover; width:100%; height: 600px; } .table-licens thead { font-family: "Open Sans",sans-serif; } .table-licens thead th { background-color: #f1f3f3; color: #000; font-size: 16px; line-height: 1.2; padding: 15px 20px; font-weight: 600; } .table-licens { border-top: 2px solid #f9a900; width: 940px; margin: 0 auto; border-radius: 3px; box-shadow: 0px 1px 10px 0px #e2e2e2; background: #fff; } .table-licens th { border-right: 1px solid #fff; text-align: center; width: 37% } .table-licens th:last-child { border:none; } .tag-sale { float: right; display: inline-block; background: #f25b16; color: #fff; font-family: "Open Sans",san-serif; text-transform: uppercase; padding: 6px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 13px; font-size: 10px; margin: 0; position: relative; top: -16px; left: 20px; } .table-licens td { padding: 20px 20px; font-size: 14px; line-height: 1.2; vertical-align: middle; color: #5f6060; font-family: "Open Sans",sans-serif; } .table-licens .odd td { background-color: #f5f5f5; } .table-licens th td { border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .table-licens .odd, .table-licens .even { border-bottom: 1px solid #ccc; } .table-licens .column-2, .table-licens .column-3 { text-align: center; } .order { display: inline-block; vertical-align: middle; font-size: 15px; font-weight: normal; padding: 10px 20px; border: 2px solid #f9a900; background: #f9a900; text-transform: none; position: relative; color: #ffffff; margin-left: 0; bottom: auto; left: auto; text-decoration: none; border-radius: 25px; } .order:hover, .order:focus { color: #f9a900; background: transparent; cursor: pointer; } .cheap { display: inline-block; vertical-align: middle; font-family: "Open Sans",sans-serif; font-size: 15px; font-weight: normal; padding: 10px 20px; border: 2px solid #71ac34; background: #71ac34; text-transform: none; position: relative; color: #ffffff; margin-left: 0; bottom: auto; left: auto; text-decoration: none; border-radius: 25px; } .cheap:hover, .cheap:focus { color: #71ac34; background: transparent; cursor: pointer; } body .slider { overflow:hidden; /* Скрываем всё что за блоком слайдера */ position:relative; width:800px; height: auto; margin:0 auto; margin-top: 20px; } body .slider .slides { position:relative; transition: 0.8s; /* Задаем время изменения блока, отвечает за плавную прокрутку */ } body .slider .slides .slide { float:left; display:block; } body .slider .slides .slide{ width:800px; height: auto; margin-bottom: 20px; } body .slider .slides .slide .username { text-align: center; display: block; font-family: "Open Sans",san-serif; font-size: 20px; color: #000; margin-top: 10px; margin-bottom: 5px; } body .slider .slides .slide .company-name { text-align: center; display: block; opacity: 0.4; color: #000; font-family: "Open Sans",san-serif; font-size: 13px; font-style: italic; margin-bottom: 20px; } body .slider .next { position: absolute; height: 72px; width: 31px; background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png); right: 40px; top: 150px; z-index: 1; cursor: pointer; background-position: -582px -15px; filter: grayscale(100%); opacity: 0.2; transition: .3s; } body .slider .next:hover { right: 30px; } body .slider .prev { position: absolute; height: 72px; width: 31px; background: url(https://hostpro.ua/wp-content/themes/hostpro/assets/img/sprite.png); left: 40px; top: 150px; z-index: 1; cursor: pointer; background-position: -537px -15px; filter: grayscale(100%); opacity: 0.2; transition: .3s; } body .slider .prev:hover { left: 30px; } .slide iframe { display: flex; margin: 0 auto; } .slide-discr { text-align: center; margin: 20px 0px; } .dc-1 { width: 280px !important; margin-right: 30px; } .h150 { height: 120px !important; background: linear-gradient(to right, #F97F46 ,#FCB637); position: inherit !important; background-repeat: no-repeat !important; } .h150 form { padding-top: 30px !important; } .h150 input:first-child { width: 600px !important; height: 55px !important; border-radius: 30px !important; box-shadow: none !important; font-size: 16px !important; margin-right: 25px !important; } .h150 .btn { border-radius: 30px !important; font-size: 16px !important; height: 50px !important; font-weight: bold !important; } .p60 { padding: 60px 0 !important; padding-left: 60px !important; padding-right: 20px !important; display: none !important; } .row-com-ua { height: 60px !important; } .title-row-ua:after { display: none !important; } .h300 { height: 300px; background: linear-gradient(to right, #F97F46 ,#FCB637); position: inherit; background-repeat: no-repeat; margin-top: 40px; } .unique_propose_fl { float: left; width: 40%; padding: 90px 0px; } .unique_propose_fr { float: right; width: 60%; } .upfr_bgimg { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/08/site_builder.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_blog { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/09/site-bilder_blog2.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_rocks { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/09/Group-102.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_xyz { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/09/Group-12.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_pro { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/09/pro_3element.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_pw { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/10/Group-10.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_co { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/10/Group-103.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_biz { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/10/Group-10-Copy.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } .upfr_bgimg_top { height: 130px; background-image: url(https://hostpro.ua/wp-content/uploads/2017/10/top_element.png); background-repeat: no-repeat; position: relative; top: 65px; width: 575px; } p.propose { color: #fff; text-align: center; font-size: 26px; display: inline-block; position: relative; top: 45px; line-height: 28px; } .propose.one { right: 40px; } .propose.three { left: 45px; } .unique_propose_fl p { text-align: left; color: #444444; font-size: 44px; font-weight: bold; line-height: 55px; } #square-com-ua { width: 100px; height: 15px; position: absolute; color: #aaaaaa; background: #f2f2f2; padding: 10px; text-align: center; right: 20px; bottom: 83px; font-weight: bold; border-radius: 30px; } #create-site-pic { width: 680px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/08/qwerty.png); min-height: 350px; background-repeat: no-repeat; } .bg-green-line { width: 940px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/10/bg-green-line.png); min-height: 410px; background-repeat: no-repeat; } .bg-green-line-ua { width: 940px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/10/block_ssl_ev_ua.png); min-height: 410px; background-repeat: no-repeat; } .bg-green-line-en { width: 940px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/10/Group-6-Copy.png); min-height: 410px; background-repeat: no-repeat; } .bg-id-protect { width: 940px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/11/2block_ru.png); min-height: 310px; background-repeat: no-repeat; } .bg-id-protect-ua { width: 940px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/11/2block_ua.png); min-height: 310px; background-repeat: no-repeat; } .bg-id-protect-en { width: 940px; margin: 0 auto; background: url(https://hostpro.ua/wp-content/uploads/2017/11/2block_en.png); min-height: 310px; background-repeat: no-repeat; } .careful-support h4 { font-size: 32px; } .p-sup1 { font-size: 14px !important; padding: 10px 0px; } .btn-custom { font-family: 'Open Sans', sans-serif; position: relative; color: #fff; background-color: #ff8b28; border: 1px solid #ff8b28; padding: 10px 50px; margin: 0; font-size: 17px; border-radius: 40px; margin-top: 20px; transition: all 0.1s; text-transform: none; } .btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active { color: #ff8b28; background-color: transparent; } .create-account { margin-top: 0px; padding: 14px 20px; } a.zayavka { border-radius: 25px; color: #393939; background-color: transparent; border: 1px solid #bbb; transition: all 0.1s; padding: 11px; margin-left: 20px; top: 3px; } a.zayavka:hover, a.zayavka:focus { background-color: #393939; color: #fff; border: 1px solid #393939; } .green-line-bg-sup { background-color: #f3f3f3; } .bg-sup { background-image: url(https://hostpro.ua/wp-content/uploads/2017/10/block83-green-line-sup-ua.png); background-size: cover; height: 270px; width: 50%; } .careful-support { text-align: left; } .red.h150 { height: 220px !important; background: none !important; } .red.h150 input:first-child { width: 885px !important; height: 55px !important; border-radius: 30px !important; font-size: 16px !important; margin-right: 0px !important; margin-bottom: 10px !important; padding: 0px 25px !important; border: 2px solid #F44336 !important; } .red.h150 .btn { border-radius: 30px !important; font-size: 26px !important; height: 60px !important; font-weight: bold !important; box-shadow: 0px 7px 0px 0px #d23b30 !important; width: 602px !important; margin: 0 auto !important; display: block !important; background: #F44336 !important; border: none; } .slide img.img { width: 350px; height: 450px; display: flex; margin: 0 auto; box-shadow: 0px 0px 10px 3px #e3e3e3; transition: 0.5s ease; } .builder-section.bs-greenline.orange.iphonex { padding: 20px 0px; background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #FE6619), color-stop(100%, #FE8A1E)); background-image: -moz-linear-gradient(left, #FE6619 0%, #FE8A1E 100%); background-image: -webkit-linear-gradient(left, #FE6619 0%, #FE8A1E 100%); background-image: linear-gradient(to right, #FE6619 0%,#FE8A1E 100%); } .btn.btn-orange2.ipx { background: #6EC600; border-color: #6EC600; padding: 12px 30px !important; font-size: 18px; } .slide img:hover { cursor: pointer; } .prev.exam-site { top: 220px !important; } .next.exam-site { top: 220px !important; } .img-exam-active { width: 80% !important; height: 100% !important; } @media screen and (min-width: 320px) and (max-width: 374px) { body .slider { width: 320px; } body .slider .next { top: 115px; right: 15px; } body .slider .prev { top: 115px; left: 15px; } body .slider .slides .slide { width: 320px; } .slide iframe { width: 200px; height: 150px; } .slider .prev:hover { left: 15px !important; } .slider .next:hover { right: 15px !important; } .slide img { width: 200px; height: 250px; } .prev.exam-site { top: 140px !important; } .next.exam-site { top: 140px !important; } .red.h150 input:first-child { width: 240px !important; } .red.h150 .btn { width: 290px !important; font-size: 13px !important; } #searchDomainForm input:first-child{ width: 245px !important; font-size: 11px !important; } .h150 { height: 180px !important; } #square-com-ua { width: 34px; height: 11px; padding: 3px; right: 6px; bottom: 90px; font-size: 10px; } .unique_propose_fr { width: 100% !important; float: none !important; } .unique_propose_fl p{ text-align: center !important; font-size: 38px !important; } .unique_propose_fl { width: 100% !important; float: none !important; padding: 0px !important; } p.propose { position: initial !important; margin: 5px 0px 5px 0px !important; } .upfr_bgimg { display: none !important; } } @media screen and (min-width: 375px) and (max-width: 425px) { body .slider { width: 375px; } .unique_propose_fr { width: 100% !important; float: none !important; } .unique_propose_fl p{ text-align: center !important; font-size: 38px !important; } .unique_propose_fl { width: 100% !important; float: none !important; padding: 0px !important; } p.propose { position: initial !important; margin: 5px 0px 5px 0px !important; } .upfr_bgimg { display: none !important; } #searchDomainForm input:first-child{ width: 300px !important; font-size: 13px !important; } .h150 { height: 180px !important; } .red.h150 input:first-child { width: 330px !important; font-size: 14px !important; } #square-com-ua { width: 50px; height: 15px; padding: 3px; text-align: center; right: 25px; bottom: 88px; font-size: 14px; } .red.h150 .btn { width: 380px !important; font-size: 17px !important; } body .slider .next { top: 100px; } body .slider .prev { top: 100px; } body .slider .slides .slide { width: 375px; } .slide iframe { width: 200px; height: 150px; } .slider .prev:hover { left: 40px !important; } .slider .next:hover { right: 40px !important; } .slide img { width: 200px; height: 250px; } .prev.exam-site { top: 140px !important; } .next.exam-site { top: 140px !important; } } @media screen and (min-width: 320px) and (max-width: 768px){ .domen-reg-form .drf-link span:first-child {padding-right: 8px;} .create-account {margin: 10px 0px;} .halloween-foot {height: 65px; font-size: 13px; line-height: 16px;} } @media screen and (max-width: 768px) { .bf-item span img {width: 100%;} .domen-reg-form h3.drf-title br {display: block;} } @media screen and (max-width: 1200px) { .post-article { padding-left: 30px !important; padding-right: 30px !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .post-article table th, .post-article table td { padding: 8px 0px 8px 0px !important; font-size: 12px !important; word-break: break-all !important; } } @media screen and (min-width: 768px){ .col-sm-6 { width: 50%; float: left; } .green-line-bg-sup { padding-bottom: 270px; } }