/* ## GENERAL  */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}
.col-xs-15 {width: 20%;float: left;}
@media (min-width: 768px) {.col-sm-15 {width: 20%;float: left;}}
@media (min-width: 992px) {.col-md-15 {width: 20%;float: left;}}
@media (min-width: 1200px) {.col-lg-15 {width: 20%;float: left;}}

body {font-family: "Lato", sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:Lato, sans-serif; font-weight:600;}
h1, h2 {color: #8e2d75;}
h1 {font-size:3em;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {outline: none;}
p {color: #434242; font-weight:300; letter-spacing:.3px; font-size:1.1em;}
ul li a.here {color: #ff197f;}
.section {padding:80px 0px;}
.wcap {text-transform: capitalize;}

/* Footer Block */
.ftr-block {font-size: .8em; margin-top: 20px;}
.ftr-block>li {}
.ftr-block>li>span {font-weight: 700;}
.ftr-block>li:nth-child(1)>span:after {content:'support@krootez.com';}
.ftr-block>li>img {display: inline-block;}


/* Warning Message for BUY Dialogs */
.warning_message {color: #fff; background: #e63d8b; margin-bottom: 20px; padding: 5px 0px;}

color: #fff;
    background: #e63d8b;
    margin-bottom: 20px;
    padding: 5px 0px;

.pinkbg {background-color:#fff9fb;}
.greybg {background-color:#F5F7F9;}

.kroobtn {display:block;margin:auto;font-size: 1.4em; font-weight: 400; padding: 14px 20px; border: 2px solid; border-radius: 6px; transition:all ease .3s; background-color: #5b70c0; background-image: linear-gradient(-45deg, #5b70c0 30%, #5789f9 50%, #5b70c0 70%); background-size: 200%; -webkit-animation: shine 3s infinite; animation: shine 3s infinite; color:#fff; position: relative;}
.kroobtn.ru {font-size: 1.1em;}
.kroobtn:hover, .kroobtn:focus {letter-spacing:.5px; background:#5B70C0; color:#fff; border: 2px solid #5B70C0; animation:none;}
@-webkit-keyframes shine { from {background-position: 150%;} to {background-position: -50%;}}


.kroobtn.btnpay{
  width: 80%;
  display: flex!important;
  justify-content: center;
  align-items: center;
}
.kroobtn.btnpay>.bbtn-shld{
  font-weight: 700;
  position: relative;
  font-size: 14pt;
  padding: 1px 14px;
  border-radius: 20px;
  margin-left: 10px;
  background-color: #ebefff;
  color: #fe238a;
}

@keyframes shine {from {background-position: 150%;} to {background-position: -50%;}}


.heading-wrapper {padding-bottom:40px;}
.heading-wrapper h2 {text-align:center;}
.heading-wrapper p {text-align:center; font-size: 1.4em; color: #ff197f; margin: 30px 0px 45px;}
.heading-wrapper p.text {font-size: 1.1em; color: #434242;}

.c2a {padding:80px 0px; text-align:center;}
.c2a div.call {margin:0px 40px 0px 0px; font-size:1.5em; display:inline-block;}
.c2a a {display:inline-block;}

@media (max-width:420px){
  .kroobtn{padding: 14px 17px 16px;}
  .c2a {padding:40px 0px;}
  .c2a div.call {margin:0px 40px 20px;}
  .heading-wrapper h2 {padding: 0px 30px;} 
  .heading-wrapper p {padding:0px 20px;}
}
@media (max-width:375px){
}
@media (max-width:320px){
  h1 {font-size:2.4em;}
}

/* #SCROLLUP BUTTON */
.scrollup {
  width: 50px;
  height: 50px;
  position: fixed;
  z-index: 4800;
  right: 25px;
  bottom: 30px;
  background: #5B70C0;
  border-radius: 50px;
  display: block;
  visibility: hidden;
  transform: translateY(60px) scale(0.5);
  opacity: 0;
  text-align: center;
  -webkit-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  -ms-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: all 400ms cubic-bezier(0.694, 0.0482, 0.335, 1);
  cursor: pointer;
}
.scrollup.vis {
  visibility: visible;
  transform: translateY(0) scale(1);
  opacity: 1;
}
.scrollup.vis:hover {
  transform: translateY(0) scale(1.1);
}
.scrollup i {
  color: white;
  font-size: 30px;
  position: relative;
  top: 3px;
}

/* ## HEADER & NAV  */
.navbar {margin-bottom:0px; height:80px;}
.navbar-krootez {transition:all ease .3s;}
.navbar-bg {background:#fff; -webkit-box-shadow: 0px 11px 30px -12px rgba(204,232,255,1); -moz-box-shadow: 0px 11px 30px -12px rgba(204,232,255,1); box-shadow: 0px 11px 30px -12px rgba(204,232,255,1);}
.navbar-header a img {height: 25px;}
.navbar-brand {margin-top:9px;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color:transparent; border-color:none;}
.nav>li>a:hover, .nav>li>a:focus {text-decoration:none; background:none;}
.nav li a {font: 600 .9em "Lato", sans-serif; letter-spacing: 1px; text-transform: uppercase; display:block;}
.nav li a:after {content:''; border-bottom:1px solid; width:0%; display:block; transition:all ease .2s; margin-top:8px;}
.nav li a:hover:after {width:100%;}
.nav.navbar-nav {float: right; margin-top:15px;}
.navbar-toggle .icon-bar {background:#000;}

.nav .dropdown .dropdown-menu {padding:25px 10px;}
.nav .dropdown .dropdown-menu li {padding:0px 0px 10px;}
.nav .dropdown .dropdown-menu li:hover {padding:0px 0px 10px;}
.nav .dropdown .dropdown-menu li:last-child {padding:0px}
.nav .dropdown .dropdown-menu li a:hover {background-color:transparent; color:#ea1c7d;}
.nav .dropdown .dropdown-menu li a:focus {background-color:transparent; color:#ea1c7d;}
.navbar.navbar-dark {background-color:#202934;}
.navbar.navbar-dark ul.nav.navbar-nav li a {color:#fff;}
.navbar.navbar-dark ul.nav.navbar-nav li a:after {border-bottom: 1px solid #ea1c7d;}
.navbar.navbar-dark ul.nav.navbar-nav li a:hover {color:#ea1c7d;}
.navbar.navbar-dark .navbar-toggle .icon-bar {background:#fff;}

@media (min-width:768px) {
  .dropdown:hover .dropdown-menu {display: block; margin-top: 0;}
}

@media (max-width:768px){
  .nav.navbar-nav {margin-top: 24px; margin-bottom: 24px;}
  .nav li a {font-size:.64em; padding: 10px 10px;}

}

@media (max-width:420px){  
.navbar .navbar-collapse ul li a {font-size:.8em;}  
.nav.navbar-nav {float:left;} 
.navbar .navbar-brand {margin-top: 12px; margin-left: 10px;}      
.navbar button.navbar-toggle {margin-top:23px; margin-right:20px;}
.navbar .navbar-collapse {background: #e6f2fc; margin-top:14px;}
.navbar .navbar-collapse ul {margin-left:0px; margin-right:0px;}
.navbar.navbar-dark .navbar-collapse {background:#2b3846; margin-top:35px;}
}

/* ## BREADCRUMBS */
.bcrumbs {background-color:#202934; color:#fff; padding:20px 0px;}
.bcrumbs hr {border-top: 1px solid #323b45; margin-top:0px; margin-bottom: 25px;}
.bcrumbs .pagename {display:inline-block; float:left; font-size:1.2em; color:#fff; position:relative; vertical-align: middle; margin:0px; font-weight: 300; font-family: "Lato", sans-serif;}
.bcrumbs .crumbs {display:inline-block; float:right; position: relative; vertical-align: middle;}
nav.breadcrumb {padding:0px; margin-bottom:0px; background:none; border-radius:0px;}
nav.breadcrumb ol {padding-left:0px;}
nav.breadcrumb ol li {display:inline-block; color:#fff;}
nav.breadcrumb ol li:after {content:'>'; color: #727d89; display:inline-block; margin-left:5px; margin-right:5px;}
nav.breadcrumb ol li:last-child:after {content:''; display:inline-block; margin:0px;}
nav.breadcrumb ol li a {text-decoration: none; color:#fff; transition:all ease .5s;}
nav.breadcrumb ol li a:hover {color: #ea1c7d;}

@media (max-width:420px){
  .bcrumbs .pagename {margin-left:10px;}
  .bcrumbs .crumbs {margin-right:10px;}
  .bcrumbs .crumbs ul li {font-size:.8em;}
}

/* ## FOOTERS */
footer {padding:50px 0px 10px; color:#666;}
footer .wrapper {}
footer .wrapper p {font-size:1em; line-height:1.4em;}
footer .wrapper ul {padding-left:0px; list-style:none;}
footer .wrapper ul li {margin-bottom:10px;}
footer .wrapper ul li.sub {}
footer .wrapper ul li.sub>a {display: inline-block; width: calc(100% - 15px); vertical-align: top;}
footer .wrapper ul li.sub:before {content: '·'; margin: 0px 5px; display: inline-block;}
footer .wrapper ul li a {font-weight: 300; text-decoration: none;}  
footer .wrapper ul li a:hover {color: #ea1c7d;} 
footer img.logo {height:32px; margin-bottom:20px;}
footer p {font-size: 1em; line-height: 2em;}
footer h5 {text-transform: uppercase; letter-spacing: 3px; font-size: .9em; margin-bottom:30px;}
footer .locations {font-weight: 300; font-size:.65em;}
footer .locations span {color: #ea1c7d;}
footer ul.locations li {margin-bottom:6px;}   
footer p.subfooter {font-size:.9em; letter-spacing: 0px;}
footer p.subfooter>div {display:inline-block; width:30%;}
footer p.subfooter>.left {float:left;}
footer p.subfooter>.right {float:right;}

footer .subfooter {font-size:.9em; letter-spacing: 0px;}
footer .subfooter>div {display:inline-block; width:30%;}
footer .subfooter>.left {float:left;}
footer .subfooter>.right {float:right; text-align:right; display: flex; justify-content: right;}


@media (max-width:420px){
  footer .subfooter {font-size:.9em; letter-spacing: 0px; display: flex; flex-flow: column nowrap;}
  footer .subfooter>div {display:block; width:100%;}
  footer .subfooter>.left {float:unset; text-align: center; }
  footer .subfooter>.right {float:unset; justify-content: center; order: -1; margin-bottom:30px;}


  footer .wrapper {margin:0px 5% 30px;}
  footer p.subfooter>div {display:block;}
  footer p.subfooter>.left {float:unset;}
  footer p.subfooter>.right {float:unset;}


}
@media (max-width:375px){
}
@media (max-width:320px){
}   

/* ## Section Hello */    
.hello {height:100vh; background:url(/img/kr-wbgc.png);padding:unset; background-repeat: no-repeat;}
.hello .part {position:relative; display:block; margin-top:120px;}
.hello .part.left {}
.hello .part.left .wrapper {margin-top:80px;}
.hello .part.right {}
.hello .part .wrapper {position:relative;display:block; vertical-align: middle; margin:0px 6%;}
.hello .part .wrapper h1 {color:#8e2d75;}
.hello .part .wrapper .subheader {font-size:1.5em; line-height:1.4em;color: #ff358e; margin: 20px 0px}
.hello .part .wrapper ul {padding-left:0px; list-style: none; padding-top:15px;}
.hello .part .wrapper ul li {display:inline-block; margin-right:10px; margin-bottom:8px;}
.hello .part .wrapper ul li a {text-decoration: none;}

@media (max-width:420px){
  .hello {height:unset;}
  .hello .part {margin-top:80px;}       
  .hello .part.right {margin-top:0px;}
  .hello .part.left .wrapper {margin-top:40px;}
  .hello .part .wrapper h1 {font-size:2.2em;}
  .hello .part .wrapper .subheader {font-size:1.3em; line-height: 1.3em;}
}
@media (max-width:375px){
}
@media (max-width:320px){
  .hello .part {margin-top:45px;}     
  .hello .part .sec-wrapper .subheader {font-size: 1.3em; line-height: 1.2em;}
  .hello .part.right {margin-top:0px;}   
  .hello .part .wrapper h1 {font-size:1.8em;}   
  .hello .part .wrapper .subheader {font-size:1.1em;}   
  .hello .part .wrapper ul li a {font-size:1.2em;}   
}

/* ## Section Features */
.section-features {}
.section-features .wrapper {padding:20px;}
.section-features .wrapper p {font-size:1.2em; padding:10px 0px;}

/* ## Section Howwework */
.howwework {}
.howwework p.htext {font-size: 1.4em; text-align: center; color: #ff197f; margin: 30px 0px 45px;}
.howwework ul {padding-left:0px; list-style: none;}
.howwework ul li {margin-bottom:30px;}
.howwework ul li .head {display:inline-block; width:200px; vertical-align:middle;}
.howwework ul li .head .step {background: #ff197f; position: relative; display: inline; padding: 5px 10px 6px; border-radius: 18px; color: #fff; margin-left: calc(50% - 15px);}
.howwework ul li .head .caption {font-size:1.3em; margin-top:16px; text-align:center;}
.howwework ul li .description {display:inline-block; width:calc(100% - 206px); vertical-align:middle;}
.howwework ul li .description p {padding: 0px 5%; font-size: 1.1em; text-align: justify; text-indent: 10px;} 

@media (max-width:420px){
  .howwework ul li .head {display:block; width:unset; margin-bottom:20px;}
  .howwework ul li .description {display:block; width:unset;}
  .howwework ul li hr {border-top: 1px solid #5798d0; width:60%; margin-left:20%; margin-bottom:40px;}
}

/* ## Product section - how to buy */

.how-to-buy { 
  width: 100%;
  float: left;
  margin-bottom: 80px;
}
.how-to-buy>h3{}
.how-to-buy>.steps-wrapper{}
.how-to-buy>.steps-wrapper{
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.how-to-buy>.steps-wrapper>li{
  flex: 0 0 32%;
  border: 1px solid #f2d3f5;
  border-radius: 10px;
  background: linear-gradient(140deg, #fff3f8, transparent);
}
.how-to-buy>.steps-wrapper>li:not(:first-child){
  margin-left: 2%;
}
.how-to-buy>.steps-wrapper>li>.wrapper{
  padding: 16px 30px;  
}
.how-to-buy>.steps-wrapper>li>.wrapper>h5{
  color: #428bca;
  font-size: 13pt;
  margin-bottom: 18px;  
}
.how-to-buy>.steps-wrapper>li>.wrapper>p{}


@media only screen and (max-width: 600px) {

    .how-to-buy>.steps-wrapper{
      flex-flow: column;
      width: 80%;
      margin: auto;
    }
    .how-to-buy>.steps-wrapper>li{
      flex: 0 0 100%;
    }
    .how-to-buy>.steps-wrapper>li:not(:first-child){
      margin-left: 0%;
      margin-top: 20px;
    }    
}


/* ## Section Whyus */
.whyus {}
.whyus .wrapper {padding:0px 2%; margin-bottom:30px;}
.whyus .wrapper img {width:30%; margin-left:35%; margin-bottom:20px;}
.whyus .wrapper h4 {text-align:center; font-size: 1.3em;
margin-bottom: 20px;}
.whyus .wrapper p {text-indent:10px;}
.whyus .review {}
.whyus .review>.wrapper{padding: 15px 10px; border: 1px solid #ffedf5; border-radius: 4px; -webkit-box-shadow: 0px 11px 20px -17px rgba(240,173,209,1); -moz-box-shadow: 0px 11px 20px -17px rgba(240,173,209,1); box-shadow: 0px 11px 20px -17px rgba(240,173,209,1);}
.whyus .review>.wrapper img{display:inline-block; position:relative; vertical-align: middle; margin:0px 20px 0px 10px; width:70px; border-radius:70px;}
.whyus .review>.wrapper div{display:inline-block; position:relative; vertical-align: middle; width:calc(100% - 124px);}
.whyus .review>.wrapper div p{text-indent:0px; font-weight: 400; margin-bottom:0px;}
.whyus .review>.wrapper div p.caption{font-size: 1.05em; line-height: 1.2em; margin-bottom:10px; color:#a98ba0;}
.whyus .review>.wrapper div p.name{color: #5B70C0;}

/* ## Section Get Started */
.getstarted {}
.getstarted .wrapper {background: #fff; padding: 20px 20px 40px; border-radius: 10px; border: 1px solid #f5ebed; text-align:center; margin-bottom:25px;}
.getstarted .wrapper h3 {font-weight: 600; color: #ff358e; margin-bottom: 0px; background: #ffe8ec; max-width: 70%; margin: 10px auto 8px; border-radius: 4px; font-size: 1.5em; padding: 5px 0px 6px;}
.getstarted .wrapper .subt {font-size: 1.1em; margin: -2px 0px 0px; color: #ff358e; letter-spacing: 1px;}
.getstarted .wrapper .desc {margin: 20px 6% 30px; color:#9c5876; font-size: 1.05em;}

/* ## Section Page - Contact Us */
.cusc {}
.cusc h3 {color: #5BC0BE; font-weight:300;}
.cusc .issue {padding:10px;}
.cusc .issue h4 {font-weight: 400; line-height: 1.3em; margin-bottom: 20px; color: #7c7c7c;}
.cusc .issue p {}
.cusc .issue p {}
.cusc .issue .cuscem {
  position:relative;
  display:block;
  width:190px;
  height:50px;
  background-image: url('/img/leg-em.svg');
  background-repeat: no-repeat;
  background-position: top center;
  opacity:.8;

}
.cusc form {margin-top:30px;}
.cusc form input, textarea, select {width:100%; padding:10px; font-size:1em; margin-bottom:12px; border:1px solid #e7e7e7; border-radius:6px; transition:all ease .5s; color: #757575;}
.cusc form textarea {height:200px;}
.cusc form input:focus, textarea:focus, select:focus {outline:none; background:#ebfcfb;}
.cusc form button {border:2px solid #5BC0BE; font-weight: 600; color:#5BC0BE; margin-top:30px;}

@media (max-width:420px){
  .cusc h3 {color: #5BC0BE; font-weight:300; margin-left:10px;}     
  .cusc .issue {padding:20px;}      
}

/* ## Section Page - FAQ */
div.section.faq {}
div.section.faq .wrapper{}
div.section.faq .wrapper .panel{}
div.section.faq .wrapper .panel .panel-heading {}
div.section.faq .wrapper .panel .panel-heading h4.panel-title {font-weight: 300; padding: 10px;}
div.section.faq .wrapper .panel .panel-heading h4.panel-title a {}
div.section.faq .wrapper .panel .panel-collapse {}
div.section.faq .wrapper .panel .panel-collapse .panel-body {padding: 20px 40px;}
div.section.faq .wrapper .panel .panel-collapse p {padding: 10px 0px;}
div.section.faq .wrapper .panel .panel-collapse p.answer-hd {color: #ff358e; font-size:1.5em;}
div.section.faq .wrapper .panel .panel-collapse ul {padding-left: 25px; padding-right: 10px; margin-top: 25px; margin-bottom: 25px;}
div.section.faq .wrapper .panel .panel-collapse ul li {margin-bottom:15px; font-size:1.05em;}
.faqbtn {margin-bottom: 30px; margin-top: 40px; text-align:center;}

@media (max-width:420px){
  div.section.faq .wrapper .panel .panel-collapse .panel-body {padding: 10px 30px;}
}

/* ## Section Page - TOS */
.tos {}
.tos p {margin: 0px 15px 25px; text-align: justify;}
.tos h4 {font-size:20px; margin: 40px 15px 20px;}
.tos ul {margin-bottom:15px; list-style: decimal;}
.tos ul li {margin-bottom:10px;}
.tos ul li:first-child {margin-top:10px;}
.tos ul li ul {}
.tos ul li ul li {}


/* ## Page Product Section - Sections: Service, Pricing, Content */

.section.hello.service {height:unset;} 
.section.hello.service .wrapper {margin-top:100px;} 
.section.hello.service .wrapper h1 {text-align:center;} 
.section.hello.service .wrapper p {font-size: 1.5em; line-height: 1.4em; color: #ff358e; margin: 20px 0px; text-align:center;}  
.section.hello.service .wrapper p a {font-size:inherit;}  
.section.hello.service a {color: #428bca; font-size:1.2em;} 
.section.hello.service a div {text-align:center; padding:15px; border:solid 2px #428bca; border-radius:6px; transition: all ease .3s;}  
.section.hello.service a:hover div {border:solid 2px #5B70C0; background:#5B70C0; color:#fff; letter-spacing:.5px;} 
.section.hello.service .intro-wrapper{}
.section.hello.service .intro-wrapper p{font-size:1.1em;}
.section.hello.service .intro-wrapper p.heading{font-size:1.3em; color: #ff197f;}


.section.pricing {}
.pricing-row{padding-top:20px;}
.pricing-wrapper {padding: 24px 16px; margin-bottom: 20px; background: #fff; transition: all .8s ease; border-radius: 10px; border: 1px solid #f2d3f5;}
.pricing-wrapper:hover {box-shadow: 0px 8px 31px 0px rgba(0, 0, 0, 0.1);background: #fff; transform:scale(1.01);}
.pricing-wrapper form {}
.pricing-wrapper form .mi-btn {width: 80%; margin-left: 10%; padding:3px 0px; background-color: #e53789; color: #fff!important; font-size: .8em!important; position: relative; display: block; text-align: center; border-radius: 20px;}
.pricing-wrapper form hr {margin-top: 10px; margin-bottom: 15px;}
.pricing-wrapper form .package {font: 400 16px/26px "Poppins", sans-serif; color: #e53789; text-transform: uppercase; margin: 0px 0 20px; text-align: center; line-height: 20px;}
.pricing-wrapper form .package span {display: block; font-size:2em; line-height:1.1em;}
.pricing-wrapper form .price {text-align:center; font-family:"Lato";}    
.pricing-wrapper form .price .sign {font-size: 17px; position: relative; top: -12px; font: 400 18px/29px "Poppins", sans-serif; right: 0px; display:inline-block;}   
.pricing-wrapper form .price .sum {display: inline-block; font-size: 2.4em; font-weight: 800;}   
.pricing-wrapper form ul {text-align:center; padding-left:0px; list-style: none;}    
.pricing-wrapper form ul li {font-style:italic; color:#868A90;}    
.pricing-wrapper form input.customer-input {width: 100%; text-align: center; padding: 8px 2px; margin-bottom: 15px; border-radius: 6px; border: 1px solid #438bca; font-size: .8em; color: #438bca;}
.pricing-wrapper form input.customer-input::placeholder {text-transform: uppercase;}
.pricing-wrapper form input.customer-input:focus {outline:none;}   
.pricing-wrapper form input.kroobtn {width: 100%; color:#fff; background-color: #5b70c0; transition: all ease .2s; height: 66px; text-transform: uppercase;}
.pricing-wrapper form input.kroobtn:hover, .pricing-wrapper form input.kroobtn:focus {border-color:#5b70c0; color:#5b70c0; background-color: #fff;}
.pricing-wrapper form input.kroobtn:focus {transform: scale(.9);}
.pricing-wrapper .badge {position: absolute; background: #e53789; color: #fff; padding: 2px 8px 3px; border-radius: 16px; font-size: 12px; font-weight: 600; text-align: center; left: auto; max-width: 88px; top: -7px; left: calc(50% - 48px);}
.pricing-wrapper.six {}
.pricing-wrapper.pricing-five form .package{margin: 0px 25px 20px;}  

.section.product {} 
.section.product h3 {text-align: center; margin-bottom:25px; color: #8e2d75;} 
.section.product .qa-wrapper {padding:25px; margin-bottom:25px; transition: all ease .5s;}  
.section.product .qa-wrapper:hover {background-color: #fff7fb;} 
.section.product .qa-wrapper h4 {color: #5B70C0;;}  
.section.product .qa-wrapper p {font-size:1em; padding-top:10px;}
.section.product .heading-wrapper.reviews {margin-bottom:35px;}
.section.product .review-wrapper {padding: 15px 25px; border: 1px solid #e9eeff; margin-bottom: 20px; border-radius: 6px; background-color: #fff; box-shadow: 0px 13px 20px -5px rgba(0, 0, 0, 0.1);}
.section.product .review-wrapper .name{font-weight: 600;font-size: 1.2em; margin-bottom: 10px; color: #5b70c0;}
.section.product .review-wrapper .rank{}
.section.product .review-wrapper p{padding: 20px 0px 0px;}

/* IPad Pro Landscape*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
  .pricing-wrapper form .price .sign {font-size:14px; top:-5px;}
  .pricing-wrapper form .price .sum {font-size: 1.8em;}
  .pricing-wrapper form ul {font-size:.8em;}
}

/* IPad Pro Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
  .pricing-wrapper form .price .sign {font-size:14px; top:-5px;}
  .pricing-wrapper form .price .sum {font-size: 1.8em;}
  .pricing-wrapper form ul {font-size:.8em;}
}


@media (min-width: 768px){
  .pricing-wrapper.pricing-one form .package {width:60%; margin: 0px 20%;}  
}
@media (max-width:768px){
  .pricing-wrapper.pricing-five form .package {margin:0px 0px 20px;}
  .pricing-wrapper.pricing-six form .package {margin:0px 35px 20px;}           
}
@media (max-width:420px){
  .section.hello.service .wrapper {margin-top:100px;}
  .section.hello.service .wrapper p {font-size: 1.3em; line-height: 1.3em;}
  .section.hello.service a div {margin-bottom:10px; width:80%; margin-left:10%;}
  .pricing-wrapper.pricing-five form .package {margin:0px 45px 20px;}
  .pricing-wrapper.pricing-one form .package {width:64%; margin: 0px 18%;}  
  .pricing-wrapper form input.customer-input {margin: 15px auto 25px; font-size: 1.2em;}
  .pricing-wrapper form input.customer-input::placeholder {font-size: .8em;}
}
@media (max-width:375px){

}
@media (max-width:320px){
  .pricing-wrapper.pricing-five form .package {margin:0px 30px 20px;}
  .pricing-wrapper.pricing-six form .package {margin:0px 25px 20px;}           
  .pricing-wrapper.pricing-one form .package {margin:0px 25px 20px;}           
  .review-wrapper p {font-size:1em;}
}

/* Shopping Cart */

  .cart-email-wrapper {margin:5px 0px 20px; text-align:center;}
  .cart-email-wrapper input {padding: 10px 10px; border-radius: 4px; border: 1px solid #c2c2c2;width: 250px; text-align: center; transition:all ease .5s; background-color:#fff; color:#5f5f5f;}
  .cart-email-wrapper input:focus {outline-color: #f7e4fd; background: #f7e4fd; color: #b84e9d; border-color: #b84e9d;}
  .cart-email-wrapper .caption {font-size: .8em; line-height: 1.2em; color: #ec5666; margin-bottom: 10px;} 

@media (max-width:320px){
  .cart-email-wrapper input{width:80%;}
}

.legalsidblock, .legalsidblocku{
  position:relative;
  display:block;
  pointer-events:none;
}
.legalsidblock>ul, .legalsidblocku>ul{}
.legalsidblock>ul>li, .legalsidblocku>ul>li{}
.legalsidblock>ul>li>span{
    background-image: url(/img/leg-dt.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 550px;
    height: 39px;
    position: relative;
    display: block;
    top: 1px;
    pointer-events:none;
}
.legalsidblocku>ul>li>span{
  background-image: url(/img/legu-dt.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 380px;
  height: 83px;
  position: relative;
  display: block;
  top: -4px;
  pointer-events: none;
}

@media (max-width:480px){
  .legalsidblock>ul>li>span{
    background-image: url(/img/leg-mo.svg);
    width: 250px;
    height: 76px;
    top: 0px;
  }
  .legalsidblocku>ul>li>span{
    background-image: url(/img/legu-mo.svg);
    width: 210px;
    height: 158px;
    top: -4px;
  }   
}



/* news */

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.noselect {
   -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
      -ms-user-select: none;
        user-select: none;
}

.heading-wrapper{
  position:relative;
  display:block;
}
.heading-wrapper.h2 { margin-bottom:40px; }
.heading-wrapper.h2>h2 { font-size:20pt; }
.heading-wrapper.h2>p{}

.heading-wrapper.h3 { margin-bottom:40px;}
.heading-wrapper.h3>h3 { font-size:16pt; }
.heading-wrapper.h3>p {}



.cnt {
  margin: auto;
  width: 98%;		
}

@media only screen and (min-width: 1200px){
  .cnt {
    width: 100%;
    max-width: 1170px;
  }
}


.blocklang {}
.blockLang>div{
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 6px 10px;
}
.blockLang>div>span{}
.blockLang>div>span:nth-child(1){
  position:relative;
  display: block;
  width: 20px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 6px;			
}
.blockLang>div>span:nth-child(2){
  text-transform: uppercase;
}

.blockLang>ul{
  display: none;
  background-color: #fff;
}
.blockLang:hover>ul {
  position: absolute;
  display: block;
  bottom: 30px;
  box-shadow: 0px 0px 39px rgba(233, 184, 221, 1);
}
.blockLang>ul>li{
  border: 1px solid #ffd9e9;
  border-bottom:0px;
  transition: background-color ease .2s, color ease .2s;
}
.blockLang>ul>li:last-child{
  border-bottom: 1px solid #ffd9e9;
}
.blockLang>ul>li:hover{
  background-color: #ffe5ef;
}
.blockLang>ul>li:hover>a{
  color: #c24681;
}
.blockLang>ul>li>a{
  position: relative;
  display: flex;
  flex-flow:row nowrap;
  align-items: center;
  padding: 6px 10px;			
}
.blockLang>ul>li>a>span:nth-child(1){
  position:relative;
  display: block;
  width: 20px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 6px;				
}		
.blockLang>ul>li>a>span:nth-child(2){
  text-transform: uppercase;
}

.blockLang>div.en>span:nth-child(1), .blockLang>ul>li.en>a>span:nth-child(1) { background-image: url('/assets/static/lang-en.svg'); }
.blockLang>div.de>span:nth-child(1), .blockLang>ul>li.de>a>span:nth-child(1) { background-image: url('/assets/static/lang-de.svg'); }
.blockLang>div.fr>span:nth-child(1), .blockLang>ul>li.fr>a>span:nth-child(1) { background-image: url('/assets/static/lang-fr.svg'); }
.blockLang>div.es>span:nth-child(1), .blockLang>ul>li.es>a>span:nth-child(1) { background-image: url('/assets/static/lang-es.svg'); }
.blockLang>div.it>span:nth-child(1), .blockLang>ul>li.it>a>span:nth-child(1) { background-image: url('/assets/static/lang-it.svg'); }
.blockLang>div.pt>span:nth-child(1), .blockLang>ul>li.pt>a>span:nth-child(1) { background-image: url('/assets/static/lang-pt.svg'); }
.blockLang>div.pl>span:nth-child(1), .blockLang>ul>li.pl>a>span:nth-child(1) { background-image: url('/assets/static/lang-pl.svg'); }
.blockLang>div.tr>span:nth-child(1), .blockLang>ul>li.tr>a>span:nth-child(1) { background-image: url('/assets/static/lang-tr.svg'); }
.blockLang>div.no>span:nth-child(1), .blockLang>ul>li.no>a>span:nth-child(1) { background-image: url('/assets/static/lang-no.svg'); }
.blockLang>div.fi>span:nth-child(1), .blockLang>ul>li.fi>a>span:nth-child(1) { background-image: url('/assets/static/lang-fi.svg'); }
.blockLang>div.sv>span:nth-child(1), .blockLang>ul>li.sv>a>span:nth-child(1) { background-image: url('/assets/static/lang-sv.svg'); }
.blockLang>div.in>span:nth-child(1), .blockLang>ul>li.in>a>span:nth-child(1) { background-image: url('/assets/static/lang-in.svg'); }
.blockLang>div.gr>span:nth-child(1), .blockLang>ul>li.gr>a>span:nth-child(1) { background-image: url('/assets/static/lang-gr.svg'); }		
.blockLang>div.ru>span:nth-child(1), .blockLang>ul>li.ru>a>span:nth-child(1) { background-image: url('/assets/static/lang-ru.svg'); }		


/* KROO 3.0 - NEW REVIEWS */

.reviewssec {
  background: linear-gradient(180deg, #f3f7ff, transparent);  
}
.reviews-wrapper {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  margin: auto;
}
.reviews-wrapper>.list{
  flex: 0 0 65%;
}
.reviews-wrapper>.submit{
  margin-left: 5%;
  flex: 0 0 30%;
}

.reviews-wrapper>.list>ul{
  margin: 0px;
  list-style: none;
  padding: 15px;
  background-color: #fbfcff;
  border: 1px solid #e9eefe;
  border-radius: 16px;
}
.reviews-wrapper>.list>ul>li{
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  border: 1px solid #e9eefe;
}
.reviews-wrapper>.list>ul>li:not(:first-child){
  margin-top: 20px;
}

.reviews-wrapper .item-wrapper{}
.reviews-wrapper .item-wrapper>.rank{
  font-size: 12pt;
  display: inline-block;
  padding: 5px 20px;
  border-radius: 23px;
  border: 1px solid #ffe1f6;			
  background-color: #fff3fb;
  margin-bottom: 10px;		
}
.reviews-wrapper .item-wrapper>.rank>div{
  display: inline-block;			
}
.reviews-wrapper .item-wrapper>.rank>div:nth-child(1){}
.reviews-wrapper .item-wrapper>.rank>div:nth-child(2){
  margin-left: 10px;
  position: relative;
  font-size: 10pt;
  top: -1px;			
}

.reviews-wrapper .item-wrapper>.content{}
.reviews-wrapper .item-wrapper>.content>p{
  color: #34699a;
}
.reviews-wrapper .item-wrapper>.content>div{
  color: #ff358e;
  font-weight: 700;

}

.reviews-wrapper form{
  padding: 30px;
  background-color: rgb(218 232 247 / 25%);
  border-radius: 10px;
  border: 1px solid rgb(209 226 243 / 38%);
}

.reviews-wrapper form>span{
  color: #8e2d75;
    display: block;
    margin-bottom: 30px;
    font-size: 16pt;
} 
.reviews-wrapper form>div{
  text-align: center;
    font-size: 24pt;
    line-height: 20pt;
    padding: 8px 10px 10px;
    border-radius: 6px;
    margin: 0px auto 10px;
} 
.reviews-wrapper form>div>span{
  display: inline-block;
  transition: all ease .1s;
  filter: grayscale(0);
  cursor: pointer;			
} 
.reviews-wrapper form>div>span.no{
  filter: grayscale(1);
}

.reviews-wrapper form>input, .reviews-wrapper form>select, .reviews-wrapper form>textarea {
  outline: none;
  padding: 12px 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  width: 100%;
  font-size: 12pt;
  margin: 0px auto 10px;
}

.reviews-wrapper form>input{} 
.reviews-wrapper form>select{} 
.reviews-wrapper form>textarea{
  height: 160px;
} 
.reviews-wrapper form>input[name="revieweval"]{}
.reviews-wrapper form>button{
  width: 100%;
}
.reviews-wrapper form>button.ok{
  filter: grayscale(100);
}


@media only screen and (max-width:600px) {

  .reviews-wrapper {
    flex-flow: column nowrap;
  }
  .reviews-wrapper>.list{
    flex: 0 0 100%;
    display: block;
    width: 96%;
    margin: 0px auto 30px;
  }
  .reviews-wrapper>.submit{
    flex: 0 0 100%;
    display: block;
    width: 96%;
    margin: 0px auto 30px;
  }

}


/* KROO 3.0 - NEW FOOTER */

footer {}
footer ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
footer h4 {
  text-transform: uppercase;
  font-size: 9pt;
  letter-spacing: 3px;
}
footer .footer-wrapper{
  position: relative;
  display: flex;
  flex-flow: row nowrap;
}

footer .wrapper>ul{
  margin-top: 30px;
  font-size: 9pt;
}
footer .wrapper>ul>li{
  margin-bottom: 5px;
}
footer .wrapper>ul>li>span{
  color: #ff358e;
}
footer .wrapper>nav{
  margin-top: 30px;
  font-size: 12pt;
}
footer .wrapper>nav>ul>li>a{}
  
footer .footer-wrapper>.l{
  flex: 0 0 30%;
}
footer .footer-wrapper>.r{
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 65%;
  margin-left:5%;
  justify-content:space-between;
}

footer .footer-wrapper>.l>.wrapper{
  width: 80%;
}
footer .footer-wrapper>.l>.wrapper>a>img {
  height: 40px;
}
footer .footer-wrapper>.l>.wrapper>.info, footer .footer-wrapper>.l>.wrapper>.shield{
  position: relative;
  display: block;
  margin: 30px 0px 0px 0px;
}
footer .footer-wrapper>.l>.wrapper>.shield>img:not(:first-child){
  margin-left: 8px;
}

footer .footer-wrapper>.r>.wrapper{}

footer .subfooter-line{
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 20px 0px 20px;
  margin: 50px 0px 0px 0px;
  border-top: 1px solid #ddd;
  align-items: center;
}
footer .subfooter-line>div:nth-child(2){
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

footer .blockLang{
  padding-left: 20px;
    margin-left: 30px;
    border-left: 1px solid #ffd7e9;			
}

@media only screen and (max-width: 600px){
  
    
  footer .footer-wrapper{
    position: relative;
    display: block;
  }
  footer .footer-wrapper>.l{
    flex: 0 0 30%;
  }
  footer .footer-wrapper>.r{
    position: relative;
    display: block;
    flex: 0 0 100%%;
    margin-left:0%;
  }
  footer .wrapper>ul>li {
    font-size: 12pt;
  }
  .footer-wrapper>.l>.wrapper>.shield{
    margin: 30px 0px 70px 0px!important;	
  }
  footer .subfooter-line {
    flex-flow: column nowrap;
  }			
  footer .subfooter-line>div:nth-child(2){
    order: -1;
    margin-bottom: 30px;
  }
  
}



footer .blockLang>ul>li{
  margin-bottom: 0px!important;
}