@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&display=swap&subset=hebrew');
@import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css");
@import url("bootstrap.css");
@import url("slider/owl.carousel.css");
@import url("slider/owl.theme.default.css");
@import url("slider/animate.css");
@import url("clients.css");

body { background: url('../img/header-bg.png') no-repeat left -5px; } 

/* HEADER */
header { float: right; position: relative; width: 100%; height: 100%; background-size: 100%; } 
header nav { margin-top: 2.5rem; margin-bottom: 2.5rem; padding: 0!important; } 
header nav.navbar { direction: ltr; } 
header nav.navbar ul { padding: 0; } 
header nav.navbar .navbar-nav { direction: rtl; } 
header nav.navbar .active > .nav-link { background-color: #fff; color: #4a4f55; border-radius: 24px; padding-left: 1rem; padding-right: 1rem; font-weight: bold; } 
header .navbar-light .navbar-nav .nav-link, header .navbar-light .navbar-nav .nav-link:hover { font-size: 16px; color: #1f1f1f; } 
header nav a { display: block; margin-right: 6px; } 
header nav a.btn-clients { background-color: #75cde8; border-radius: 24px; color: #fff; font-weight: 500; font-size: 14px; padding: 0.375rem 1rem; } 
header nav a.btn-clients:hover { color: #fff; } 
header nav a.btn-help { border: solid 1px rgba(58, 65, 78, 0.08); border-radius: 24px; color: #3a414e; font-weight: 500; font-size: 14px; padding: 0.375rem 1rem; } 
header #mk-slider { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; margin-top: 5rem; }
header .owl-carousel .owl-dots { margin-top: 4rem !important; margin-bottom: 4rem; } 
header .owl-carousel .owl-dots .owl-dot span { width: 11px; height: 11px; margin: 5px 7px; background: rgb(224, 248, 255); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 50%; } 
header .owl-carousel .owl-dots .owl-dot.active span, header .owl-dots .owl-dot:hover span { background: rgb(117, 205, 232)!important; } 
header .owl-carousel .mk-slide .mk-body { padding: 0rem 15px 0rem 15px; } 
header .owl-carousel .mk-slide .mk-body:before { display: block; float: left; content: ''; width: 100%; max-width: 467px; height: 440px; } 
header .owl-carousel .mk-slide .mk-body .mk-text { padding-top: 6.5rem; padding-bottom: 0; } 
header .owl-carousel .mk-slide .mk-body .mk-text h2 { font-size: 28px; font-weight: 300; } 
header .owl-carousel .mk-slide .mk-body .mk-text h1 { font-size: 72px; font-weight: 100; } 
header .owl-carousel .mk-slide .mk-body .mk-text p { color: gray; }
header .owl-carousel .mk-slide .mk-body .mk-text a { float: right; margin-top: 1rem; margin-right: 6px; } 
header .owl-carousel .mk-slide .mk-body .mk-text a.btn { font-weight: 500; font-size: 15px; color: initial; border-radius: 24px; padding: 0.5rem 2rem; } 
header .owl-carousel .mk-slide .mk-body .mk-text a.btn-packages { background-color: #f4a251; color: #fff; } 
header .owl-carousel .mk-slide .mk-body .mk-text a.btn-packages:hover { border: 1px solid #f4a251; background: #fff; color: #f4a251; } 
header .owl-carousel .mk-slide .mk-body .mk-text a.btn-more { border: solid 1px rgba(58, 65, 78, 0.08); color: #3a414e; } 

section { float: right; width: 100%; } 

/* PLANS */
section#plans { border-top: 1px solid #ececec; background: url('../img/plans-bg.png') no-repeat left 40px; }
section#plans .row .col .plan { position: relative; margin-top: 2rem; }
section#plans .row .col { padding-right: 45px; padding-left: 45px; margin: 0; }
section#plans .row .col .plan:first-child { margin-top: 1rem; }
section#plans .row .col .plan::after { content: " "; position: absolute; width: 100%; top: 40%; left: -10rem; z-index: -5; background: url('../img/border-left.png') repeat-x; height: 2px; }
section#plans .row .col:last-child .plan::after { left: 0; right: -10rem; }
section#plans .row .col .plan h3 { font-size: 20px; font-weight: 300; padding-bottom: 5px; }
section#plans .row .col .plan ul { list-style-type: none; padding-right: 0; margin: 0; background-color: #fff; border: 1px solid #ececec; border-radius: 15px; }
section#plans .row .col .plan ul li { text-align: left; border-bottom: 1px solid #ececec; padding: 10px 25px; color: gray; }
section#plans .row .col .plan ul li strong { float: right; font-weight: 500; color: black; }
section#plans .row .col .plan ul li:last-child { border-bottom: none; color: black; text-align: right; }
section#plans .row .col .plan ul li:last-child img { width: 16px; height: 16px; }
section#plans .row .col .plan > div { margin-top: 20px; padding-bottom: 70px; }
section#plans .row .col .plan > div .btn-group { float: left; margin-left: 15px; }
section#plans .row .col .plan > div .btn-group .btn { border-radius: 25px; font-size: 14px; padding: 10px 15px; }
section#plans .row .col .plan > div .btn-group .btn:first-child:hover { border-left-color: transparent; }
section#plans .row .col .plan > div .btn-group .btn-default { color: #d4d5d7; border: 1px solid #d4d5d7; }
section#plans .row .col .plan > div .btn-group .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
section#plans .row .col .plan > div .btn-group .btn:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
section#plans .row .col .plan > div .btn-group .btn-warning { font-weight: 500; cursor: no-drop; }
section#plans .row .col .plan > div > a.buy { float: left; background-color: #75cde8; color: #fff; border-radius: 25px; padding: 10px 35px; font-size: 14px; }
section#plans .row .col:last-child .plan > div > a.buy { background-color: #f4a251; }
section#plans .row .col-2 .price { background-color: #75cde8; margin-right: 3rem; margin-top: 8.5rem; width: 64px; height: 64px; line-height: 64px; text-align: center; color: #fff; border-radius: 50%; font-size: 22px; }
section#plans .row .col-2 .price:nth-child(2n) { background-color: #f4a251; }
section#plans .row .col-2 { background: url('../img/border.png') repeat-y center; }
section#plans .row .col-2 .price:first-child { margin-top: 8rem; } 
section#plans .speech-bubble { position: relative; float: left; margin-top: 3rem; background: #e0f8ff; border-radius: 15px; font-size: 13px; color: #73767b; width: 80%; padding: 20px; line-height: 1.7; height: 145px; overflow: visible; } 
section#plans .speech-bubble::after { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 20px solid transparent; border-left-color: #e0f8ff; border-right: 0; border-top: 0; margin-top: -10px; margin-right: -20px; }
section#plans .speech-bubble::before { content: ''; background: url('../img/robots/robot-bubble.png') no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 100%; z-index: -5; }
section#plans #how-and-why { float: right; background: url('../img/robots/how-robot.png') no-repeat right top; padding-right: 12rem; width: calc(100% + 100px); overflow: visible; height: 100%; }
section#plans #how-and-why h3 { color: #48525d; font-weight: 500; font-size: 16px; }
section#plans #how-and-why p { color: #48525d; font-size: 14px; }

/* OUR ADVANTAGES */
section#our-advantages { position: relative; float: right; background: url('../img/our-advantages.png') no-repeat -155px top; margin-top: 5rem; }
section#our-advantages .col-lg-5 h3 { font-size: 35px; font-weight: 300; margin-bottom: 0; } 
section#our-advantages .col-lg-5 span { font-size: 15px; font-weight: 300; } 
section#our-advantages .col-lg-5#robot-our-advantages:first-child::after { display: block; float: left; content: ''; background: url('../img/robots/whybest-robot.png') no-repeat; width: 100%; max-width: 259px; height: 295px; position: relative; bottom: 49px; z-index: 9999; } 
section#our-advantages .col-lg:first-child {  } 
section#our-advantages .row { margin-top: 40px; }
section#our-advantages .row:last-child { margin-top: 65px; }
section#our-advantages .col-lg .icon-col { display: flex; align-items: center; justify-content: center; height: 135px; float: right; margin: 0; margin-left: 15px; vertical-align: middle; } 
section#our-advantages .col-lg .icon-col i { font-size: 30px; color: #75cce8; } 
section#our-advantages .col-lg .text-col { display: contents; float: right; } 
section#our-advantages .col-lg .text-col h6 { font-size: 18px; color: #3a414e; } 
section#our-advantages .col-lg .text-col p { font-size: 14px; color: #83919c; }
section#our-advantages #withborder { height: 150px; overflow: visible; } 
section#our-advantages #withborder .col-lg { height: 100%; padding: 0; margin-left: 25px; } 
section#our-advantages #outborder .col-lg { height: 100%; padding: 0; margin-left: 25px;  } 

/* SECTION WHY-US */
section#why-us-top { position: relative; float: right; background: url('../img/boxright.png') no-repeat bottom right; height: 132px; width: 100%; margin-bottom: 1.5rem; margin-top: 4rem; } 
section#why-us-top .col-lg-3 { padding-top: 35px; } 
section#why-us-top h3 { font-size: 30px; font-weight: 300; color: #3a414e; margin-bottom: 0; } 
section#why-us-top span { font-size: 15px; font-weight: 300; color: #3a414e; } 
section#why-us-top p { font-size: 13px; font-weight: 300; color: #3a414e; margin-top: 10px; } 
section#why-us-bottom { position: relative; float: right; margin-bottom: 60px; }
section#why-us-bottom .col-lg:first-child { margin-right: 0px; border-top: none; margin-top: 0; } 
section#why-us-bottom .col-lg { border-top: 1px solid #ececec; margin-top: 2.2rem; } 
section#why-us-bottom .col-lg.active { border-top: 1px solid #f4a251; } 
section#why-us-bottom #contact-info { float: right; position: relative; } 
/*section#why-us #contact-info:after { display: block; float: right; content: ''; background: url('../img/robots/robot-whyus.png') no-repeat; width: 100%; max-width: 148px; height: 172px; position: absolute; top: 46px; right: 14.8rem; } */
section#why-us-bottom #contact-info h5 { font-size: 15px; color: #3a414e; font-weight: 500; } 
section#why-us-bottom #contact-info p { font-size: 15px; color: #3a414e; font-weight: 300; } 
section#why-us-bottom #contact-info p > a { font-size: 15px; color: #3a414e; font-weight: 300; } 
section#why-us-bottom #contact-info::before { position: absolute; bottom: 15px; right: -10rem; content: " "; display: block; float: right; background: url('../img/robots/robot-whyus.png') no-repeat; width: 100%; max-width: 148px; height: 172px; } 
section#why-us-bottom .services h3 { font-size: 20px; color: #3a414e; font-weight: 400; padding-top: 2rem; padding-bottom: 1rem; } 
section#why-us-bottom .services p { font-size: 14px; color: #3a414e; font-weight: 300; } 

/* SECTION CLIENTS/PARTNERS */
section#join_part { position: relative; float: right; background: linear-gradient(90deg, #fff 61%, #f4a251 29%); width: 100%; height: 82px; border-top: 1px solid #e3e3e3; } 
section#join_part .col-lg-4 { padding-top: 1.2rem; padding-bottom: 1.2rem; } 
section#join_part .btn.btn-join { background-color: #fff; border-radius: 20px; padding: 7px 20px; font-size: 18px; font-weight: 500; color: #2a3139; margin-left: 10px; } 
section#join_part span { font-size: 18px; font-weight: 500; color: #fff; } 
section#join_part .col-lg img { width: 90%; transition: all 0.5s ease; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); } 
section#join_part .col-lg img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); } 

/* FOOTER */
footer { float: right; background-color: #2a3139; width: 100%; padding-top: 40px; padding-bottom: 40px; color: #fff; }
footer .row .col, footer .row .col-5 { padding: 0; }
footer .row .col h3, footer .row .col-5 h3 { font-size: 18px; margin: 0; border-bottom: 1px solid #454f5a; padding-bottom: 20px; }
footer .row .col-5 h3 { position: relative; float: right; }
footer .row .col-5 form { float: left; width: 60%; background: #3d4650; padding: 10px 15px; border-radius: 15px; margin-top: -10px; }
footer .row .col-5 input[type=email] { float: left; width: calc(100% - 30px); border-radius: 25px; text-align: left; direction: ltr; background: transparent; border: none; color: #fff; }
footer .row .col-5 input[type=email]::placeholder { color: #9ea3a8; }
footer .row .col-5 button { background-color: #2a3139; border: none; color: #f4a251; border-radius: 50%; width: 18px; height: 18px; padding: 2px; text-align: center; line-height: 18px; font-size: 9px; }
footer .row ul { list-style-type: none; padding-right: 0; margin-top: 25px; }
footer .row ul li a { color: #fff; font-weight: 400; }
footer .row ul li a:hover { text-decoration: underline; }
footer .row .col-5 h3::after { position: absolute; content: ""; left: 0; top: 42px; width: 100px; height: 30px; background: #454f5a url("../img/makeapp.png") no-repeat center; background-size: 70%; }
footer a.btn-clients { background-color: #75cde8; border-radius: 24px; color: #fff; font-weight: 500; font-size: 14px; padding: 0.375rem 1rem; } 
footer a.btn-clients:hover { color: #fff; } 
footer a.btn-help { border: solid 1px #3d4650; border-radius: 24px; color: #fff; font-weight: 500; font-size: 14px; padding: 0.375rem 1rem; } 
footer a.btn-help i { background: #3d4650; padding: 3px; border-radius: 50%; font-size: 10px; width: 16px; height: 16px; }
footer a.btn-help:hover { color: #fff; }

/* HOSTING PACKAGES */
.host-package { position: relative; margin-top: 15px; }
.host-package span.price { position: absolute; top: -10px; left: 30px; border-radius: 50%; height: 40px; width: 40px; background: #75cde8; color: #fff; text-align: center; line-height: 40px; }
.host-package span.price small { font-size: 13px; }
.host-package ul { background: #fff; border: 1px solid #ececec; border-radius: 15px; margin-top: 20px; list-style-type: none; padding-right: 0; margin-left: 10px; }
.host-package:last-child { margin-left: 0; }
.host-package h2 { font-weight: 300; font-size: 18px; padding-right: 10px; }
.host-package:nth-child(2n) span.price { background: #f4a251; }
.host-package ul li { font-size: 15px; color: gray; border-bottom: 1px solid #ececec; padding: 10px 15px; text-align: left; }
.host-package ul li img { width: 16px; height: 16px; }
.host-package ul li:last-child { border-bottom: none; text-align: center; }
.host-package ul li strong { float: right; color: #000; }
.host-package .btn { background: #f4a251; border-radius: 25rem; padding-left: 15px; padding-right: 15px; border-color: #f4a251; font-weight: 500; }
.host-package .btn:hover { background: transparent; color: #f4a251; }
.host-text h1 { font-weight: 900; font-size: 32px; margin-bottom: 0; }
.host-text h2 { font-weight: 300; font-size: 20px; }

/* VPS PACKAGES */
.vps-package { border: 1px solid #ececec; border-radius: 3px; padding: 20px 10px 5px; background-color: #fff; margin-right: 0; margin-left: 0; margin-bottom: 20px; }
.vps-package i { font-size: 32px; display: inline-block; padding-top: 15px; border-left: 1px solid #ececec; padding-left: 25px; padding-bottom: 10px; }
.vps-package h3 { margin-bottom: 0; font-size: 20px; margin-top: 10px; font-weight: 900; }
.vps-package p { color: gray; font-weight: 300; font-size: 14px; }
.vps-package ul { list-style-type: none; padding-right: 0; border-right: 1px solid #ececec; border-left: 1px solid #ececec; padding-left: 15px; padding-right: 15px; font-size: 14px; }
.vps-package ul:last-child { border-left: none; }
.vps-package .col { padding: 0; }
.vps-package .btn { border-radius: 25rem; font-weight: 500; margin-top: 10px; float: left; background: #fad30b; border: 1px solid #fad30b; padding-right: 15px; padding-left: 15px; }
.vps-package .btn:hover { background: transparent; color: #fad30b; }
.vps-package .row:last-child { margin: 0; }
.vps-package .price { font-size: 22px; padding-top: 15px; font-weight: 900; padding-right: 25px; }
.vps-package .price small { font-weight: 100; color: gray; margin-right: 3px; }
.vps-text { background: #e0f8ff; margin-bottom: 25px; padding: 25px 25px; }
.vps-text h3 { font-weight: 500; font-size: 20px; }
.vps-text p { color: gray; font-size: 14px; line-height: 1.6; }

/* GAMES */
#game-plans { float: right; width: 100%; height: auto; padding-bottom: 2rem; background-color:
 lightblue; clear: both; border-radius: 2rem; padding-top: 15px; }
#game-plans h3 { font-size: 25px; font-weight: 900; text-transform: uppercase; float: right; width: 100%; text-align: center; margin-top: 1rem; }
#game-plans > .row { display: none; }
#game-plans .row.active { display: block; }

#game-plans > .row > .col > h3 { color: #fff; }
#game-plans .row { margin: 0 15px; }
#game-plans .plan { max-width: 100%; padding: 10px; margin-left: 10px; background-color: #fff; border-radius: 25px; }
#game-plans .plan h3 { margin: 0; border-bottom: 1px solid #ececec; padding: 10px; font-size: 22px; margin-bottom: 15px; }
#game-plans .plan h3 strong { font-weight: 300; font-size: 16px; }
#game-plans .plan p { font-size: 14px; margin: 10px 0; line-height: 1.8; }
#game-plans .plan a { transition: all 0.5s ease; float: right; width: 80%; margin-left: 10%; margin-right: 10%; color: #fff; border-radius: 25rem; font-weight: 500; margin-top: 10px; background: #fad30b; border: 1px solid #fad30b; padding: 10px 25px; text-align: center; }
#game-plans .plan a:hover { background: transparent; color: #fad30b; }

#game-tabs ul { list-style-type: none; }
#game-tabs ul li { display: inline-block; margin-left: 5px; }


/* CONTACT PAGE */
section#contact-form {position: relative; margin-top: 5rem; margin-bottom: 5rem;}
section#contact-form #contact-body {}
section#contact-form #contact-body:before { display: block; float: right; content: ''; background: url('../img/robots/robot-mail.png') no-repeat; width: 431px; max-width: 100%; height: 499px; background-size: contain;}
section#contact-form #contact-body h1 {font-size: 21px; color: #454a50;}
section#contact-form #contact-body h3 {font-size: 18px; color: #454a50;}
section#contact-form #contact-body form {margin-top: 2rem;}
section#contact-form #contact-body .form-control {border-radius: 20px; background-color: rgb(224, 248, 255); border: none; height: calc(1.5em + 0.75rem + 7px);}
section#contact-form #contact-body .btn-submit {border-radius: 20px; background-color: rgb(244, 162, 81); color: #fff; font-weight: 500;}
section#contact-form .alert-skywork {margin-top: 1.5rem; border-radius: 20px; background-color: rgb(255, 246, 237); padding: 20px 30px;}
section#contact-form .alert-skywork p {margin-bottom: 0; color: #989ba0; font-size: 16px;}
section#contact-form .contact-text {margin-top: 2rem;}
section#contact-form .contact-text p {font-size: 14px; color: #3a414e;}
section#contact-form .contact-text a {font-size: 14px; color: #3a414e;}

/* LOGIN REGISTER */
section#auth {position: relative; margin-top: 5rem; margin-bottom: 5rem;}
section#auth .container:before {display: block; float: right; content: ''; background: url('../img/robots/robot-login.png') no-repeat; width: 500px; max-width: 90%; height: 515px; background-size: 90%; margin-right: -3rem;}
section#auth .head {border-bottom: 1px solid #e9e9e9; display: inline-block; padding: 0px 10px 13px 31px;}
section#auth h1 {font-size: 20px; font-weight: 400;}
section#auth form .form-control {border-radius: 20px; background-color: rgb(224, 248, 255); border: none; height: calc(1.5em + 0.75rem + 12px); color: #000;}
section#auth form .btn-submit {float: left; border-radius: 20px; background-color: rgb(244, 162, 81); color: #fff; font-weight: 500; padding: 0.375rem 1.75rem;}
section#auth form .btn-submit-login {float: left; border-radius: 20px; background-color: rgb(117, 205, 232); color: #fff; font-weight: 500; padding: 0.375rem 1.75rem;}
section#auth #blocklogin {margin-bottom: 8.5rem;}
section#auth #forgit h1 {border-bottom: 1px solid #e9e9e9; display: inline-block; padding: 0px 10px 13px 31px;}
section#auth #forgit form {margin-top: 1.7rem;}
section#auth ::-webkit-input-placeholder {color: #cecece;}
section#auth :-ms-input-placeholder {color: #cecece;}
section#auth ::placeholder {color: #cecece;}
section#auth select.form-control { appearance: none; -webkit-appearance: none; background-image: url('../img/arrow-select.png'); background-repeat: no-repeat; background-position: 5% center; }
section#auth .bludline:after {display: block; content: ''; background-color: rgb(0, 175, 223); width: 62px; height: 6px; border-radius: 3px; position: absolute; top: 42px; right: 7px;}

#loginModal .modal-header { border-bottom: none; }
#loginModal .modal-content { position: relative; padding-right: 25px; padding-left: 25px; }
#loginModal .modal-content h2 { font-size: 2rem; font-weight: 900; color: #123460; text-align: center; }
#loginModal .modal-body { padding-bottom: 35px; }
#loginModal .modal-body a { color: #123460; font-weight: 300; }
#loginModal .modal-body input[type=email], #loginModal .modal-body input[type=password] { border: none; padding: 25px; border-radius: 25px; }
#loginModal .modal-body input[type=submit] { width: 100%; background: #f4a251; border-radius: 25px; color: #fff; border: 1px solid #f4a251; padding: 15px; font-weight: bold; font-size: 18px; }
#loginModal .close { position: absolute; left: -15px; top: -10px; font-size: 36px; color: #fff; background: #75cde8; border-radius: 50%; width: 64px; height: 64px; opacity: 1; text-shadow: none; line-height: 64px; padding: 0; }
#loginModal .response .alert { border-radius: 25px !important; }

/* FAQ */
#question-search { float: right; width: 100%; background-color: #2a3139; padding-top: 2rem; padding-bottom: 2rem; }
#question-search input[type=text] { float: right; width: 80%; margin: 1rem 10% 15px; padding: 10px; border-radius: 25rem; border: 1px solid #fff; text-align: center; font-size: 20px; font-weight: 300; }
#question-search input[type=submit] { display: flex; margin: auto; background: #f7ac1e; color: #fff; width: 20%; border-radius: 25rem; padding: 10px 25px; border: none; font-size: 16px; font-weight: 500; }
#question-search h3 { color: #fff; font-weight: 300; text-align: center; font-size: 22px; margin-bottom: 0; }

.faq { background: #fff; margin: 0 15px; margin-bottom: 1rem; cursor: pointer; width: calc(100% - 15px); padding-right: 25px; padding-left: 25px; padding-bottom: 2rem; }
.faq h2 { float: right; width: 100%; font-weight: 900; font-size: 1.5rem; margin-top: 2rem; margin-bottom: 0; height: auto; line-height: initial; }
.faq h2.mark { background: yellow; }
.faq p { margin: 0; padding-top: 10px; font-weight: 300; padding-bottom: 0; }

@media (max-width: 992px) {
	header #mk-slider { margin-top: 3rem; }
	header .owl-carousel .mk-slide .mk-body::before { background-size: contain; height: 300px; background-position: center; }
	header .owl-carousel .mk-slide .mk-body .mk-text h1 { font-size: 48px; font-weight: 500; line-height: 1.1; }
	header .owl-carousel .mk-slide .mk-body .mk-text { clear: both; text-align: center; padding-top: 15px; }
	header .owl-carousel .mk-slide .mk-body .mk-text a { float: none; background-color: #fff; }
	
	section#plans .row .col .plan::after { content: ""; position: inherit; background: transparent; }
	section#plans .row { position: relative; }
	section#plans .col .plan { margin-top: 5rem !important; }
	section#plans .col-2 { position: absolute; top: -5.3rem; left: 4rem; background: transparent !important; z-index: 999; }
	section#plans .col-2 .price { margin-right: 0; width: 32px; height: 32px; margin-top: 23rem !important; width: 32px !important; height: 32px !important; line-height: 32px !important; font-size: 19px; }
	section#plans .col-2 .price:first-child { margin-top: 10rem !important; }
	section#plans .col-2 .price:nth-child(2) { margin-top: 25.5rem !important; }
	section#plans .col-2 .price:nth-child(3) { margin-top: 68.2rem !important; }
	section#plans .col-2 .price:nth-child(4) { margin-top: 25.5rem !important; }
	section#plans .col-2 .price small { display: none; }
	section#plans .col .plan .btn-group { float: right !important; }
	section#plans #how-and-why { width: 100%; background-size: auto; background-position: top center; padding-top: 10rem; padding-right: 0; margin: 5rem 0; }
	section#plans .speech-bubble { width: 100%; margin-top: 5rem; height: auto; }
	section#plans .speech-bubble::before { top: -10rem; right: auto; left: 20%; }
	section#plans .speech-bubble::after { content: ''; position: absolute; top: 0; right: 50%; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #e0f8ff; border-top: 0; margin-left: -20px; margin-top: -10px; }

	section#our-advantages { background-color: #e0f8ff; margin-top: 2rem; }
	section#our-advantages #withborder { height: auto; }
	section#our-advantages .col-lg-5#robot-our-advantages:first-child::after { background-position: center; background-size: 30%; max-width: 100%; height: 120px; margin: 25px 0; bottom: auto; }
	section#our-advantages #outborder { margin-top: 0; }
	
	section#why-us-top { background: transparent !important; height: auto; margin-top: 0; }
	section#join_part { display: none; }
	
	footer .row { margin: 0; }
	footer .row .col { display: none; }
	footer .row .col-5 form { width: 100%; }
	footer .row .col-5 h3 { width: 100%; }
	footer .row .col-5 { display: block; max-width: 100%; flex: none; }
	footer .row .col-5 form { margin-top: 45px; }
	footer .row .col-5 .row { margin-top: 0 !important; }
	footer .row .col-5 .row .col { display: block; flex: none; max-width: 100%; }
	footer .row .col-5 .row .col a { float: right; width: 100%; margin-bottom: 10px; }
	footer .row .col-5 .row .col:last-child { margin-top: 15px; }
	footer .row .col-5 .row .col:last-child img { float: none !important; }
	
	.host-package { max-width: 100%; flex: none; }
	.vps-package { max-width: 100%; flex: none; display: block; margin-bottom: 5rem; }
	.vps-package .col-1 { max-width: 100%; } .vps-package .col-1 i { border-left: none; }
	.vps-package .col, .vps-package .col-4, .vps-package .col-2 { max-width: 100%; }
	.vps-package .col ul { margin: 0; border: none; }
	.vps-package .btn { float: right; width: 100%; margin-top: 15px; }
}

@media (min-width: 992px) and (max-width: 1440px) {
	section#our-advantages { background-position: left top; }
	section#why-us-top { background-position: 125% top; }
	section#join_part { background: linear-gradient(90deg, #fff 65%, #f4a251 35%); }
}

@media (min-width: 2000px) { 
	body { background-position: left -10px; background-size: 100%; }
    section#our-advantages { background: transparent; } 
    section#our-advantages .col-lg:first-child { background: #e0f8ff; border-bottom-right-radius: 24px; border-top-right-radius: 24px; padding-top: 35px; } 
    section#why-us-top { background: transparent; } 
    section#why-us-top .col-lg-3 { background: #e0f8ff; border-radius: 15px; padding-top: 35px; padding-right: 35px; } 
    section#why-us-top p { margin-top: 15px; } 
    section#join_part { background: linear-gradient(90deg, #fff 58%, #f4a251 42%); }
 } 
 
@media (min-width: 3840px)
{
	section#join_part { background: linear-gradient(90deg, #fff 55.5%, #f4a251 35.5%); }
}

@media (max-width: 768px) { 
    header nav { margin-top: 2rem; margin-bottom: 1rem; padding: 0!important; } 
    header nav .btn { display: none!important; } 
    header .mk-slide .mk-body:before { display: none; } 
    header .mk-slide .mk-body .mk-text { padding-top: 0rem; padding-bottom: 0; } 
 }