/*Start temp 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::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; } /*End temp fix*/ /*Temp style*/ .post-article { text-align: justify; } /*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*/ .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: 13px; font-family: "Open Sans",san-serif; line-height: 1.5; } /*=========*/ .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; } .mainfoot { margin-top: 90px; } /* 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*/ /*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; } .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; } /*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) { .bs-greenline .oplata .line-item .btn { margin-right: 0; } .mainfoot { margin-top: 108px; } } @media screen and (max-width: 991px) { } @media screen and (max-width: 768px) { /*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; } } @media screen and (max-width: 480px) { .post-article { text-align: left; } .mobilecontact { display: block; margin: 30px; text-align: center; } .bs-greenline .oplata { min-height: 285px; } .mainfoot { margin-top: 193px; } /*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; } .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; } } @media screen and (max-width: 320px) { .builder-section .ssland-dotted { top:75px; } .mainfoot { margin-top: 215px; } /*BLOCO SUPPORT*/ .bg-sup { background-position: 0 70px; } } @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: 9px 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; } }