
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
body {
  font-family: 'Montserrat', sans-serif !important;
  color: #303030;
  font-size: 16px;
  font-weight: normal;
  background: #fff;
  overflow-x: hidden;
  margin: 0px;
  padding: 0px;
}
body.modal-open {padding-right: 0 !important;}
html {overflow-x: hidden;}
.log-img{vertical-align: middle;
padding: 0px 0px 0px 0px;
width: 168px;}
/*.container1{ width: 80% !important;}
.h2, h2 {font-size: 1.5rem !important;}*/
p {font-size: 14px;}
a:hover,a:focus {color: #5fbb89;}
a:hover {
color: #4a7382 !important;
 font-size: 10px;
}
.support{
padding: 0px;
    margin: 0px;
    width: 50%;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    /* border-bottom: 2px solid #000; */
    font-size: 16px;
    color: #fff;}
#middle-section{
  padding-bottom: 10px; 
}
.copyrights{
font-size: 10px;
}
.row{
padding-left: 0px;
}
.fa-question-circle{font-size:30px;}
.fa-facebook:hover {background: #475993;color: #fff;}
.fa-twitter:hover {background: #55acee;color: #fff;}
.fa-instagram:hover {background: #b7296a;color: #fff;}
.fa-pinterest:hover {background: #b40108;color: #fff;}
.fa-youtube:hover {background: #c01b1e;}
.fa-global {background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/70fd7aea0c064fa6ed18.png);}
a {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
h1,h2,h3,h4,h5 {
font-family:inherit ;
font-weight: 700;}
ul {margin: 0;padding: 0;}
ul li {list-style: none;}
a:hover,a:focus {text-decoration: none;outline: none;}
a:not([href]):not([tabindex]) {color: #fff;}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {color: #5fbb89;}
.font-weight-normal {font-weight: normal !important;}
.border-bottom {border-bottom: 1px solid #dee2e6;}
.color-red{color:#ec3722;}
.color-blue{color:#005da3}
b,strong {font-family: 'TheSansBold'}
.alert-danger {color: #ffffff;background-color: rgba(255, 9, 9, 0.7);border: none;}
.alert-success {color: #ffffff;background-color: rgba(0, 179, 43, 0.7);border: none;}
.alert-warning {color: #ffffff;background-color: rgba(255, 91, 0, 0.7);border: none;}
th {font-weight: 300}
/* ===== top ====== */
.dropdown-toggle {
    padding: 10px 10px;
    display: block;
    color: #fff !important;
    cursor: pointer;
    background: transparent;
    transition: none;
/*background: linear-gradient(80deg,#db202a,#dd272b 100%)!important;*/}
#logined .drop-down-menu {
background: #e7e7e7;
border-radius: 0;
margin: 0;
padding: 0px;
border: none;
/*min-width: 25rem;*/
border-radius: 10px;
overflow: hidden;
left: 1px !important;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
#cancel, #recover{
color: #fff !important;
cursor: pointer;
background: #000!important;
border-radius: 0px!important;
}
.alert-danger {
color: #fff!important;
background-color: #000!important;
border-color: #000!important;
}
#btn-close{
color: #fff !important;
cursor: pointer;
background: #ccc;
border: none;
text-align: right;
font-weight: bolder;
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
input[type=button]{ background: #000;border: none;color:#fff;}
.dropdownx.show .dropdown-toggle {border-radius: 10px 10px 0px 0px;}
#logined {position: absolute;z-index: 9999;right: 60px;width: auto;top: 30px;text-align:center;/*display:flex;*/color: #fff;padding: 0;border-radius: 8px 8px 0 0;}
#logined .dropdown-menu {background: #ee3124;border-radius: 0;margin: 0;padding: 0px;border: none;min-width: 38rem;border-radius: 15px 0 15px 15px;overflow: hidden;left: 1px !important;}
#logined .dropdown-menu a {padding: 5px 10px;}
#logined .dropdown-menu a i {color: #2484fa}
.loginmodal-container h1 {text-align: center;font-size: 1.1rem;border-bottom: 1px solid #eee;padding: 15px;background: #4d90fe;color: #fff;}
.loginmodal-container input[type=submit],.loginmodal-container input[type=button] {width: 100%;display: block;margin-bottom: 10px;position: relative;font-family: inherit;}
.loginmodal-container input[type=text],.loginmodal-container input[type=password] {color: #000;height: 40px;font-size: 13px;width: 100%;margin-bottom: 10px;-webkit-appearance: none;background: #fff;border: 1px solid #ffffff;padding: 0 8px;font-family: inherit;box-sizing: border-box;-moz-box-sizing: border-box;outline: none !important;}
.loginmodal-container input[type=text]:hover,input[type=password]:hover {border: 1px solid #b9b9b9;border-top: 1px solid #a0a0a0;-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)}
.loginmodal {text-align: center;font-size: 14px;font-family: 'Arial', sans-serif;font-weight: 700;height: 36px;padding: 0 8px;}
.loginmodal-submit {border: 0px;color: #fff;text-shadow: 0 1px rgba(0, 0, 0, 0.1);background-color: #00457c;padding: 10px 0px;font-family: roboto;font-size: 14px;}
.loginmodal-submit:hover {border: 0px;text-shadow: 0 1px rgba(0, 0, 0, 0.3);background-color: #085da0;}
.loginmodal-container a {text-decoration: none;color: #fdfdfd;text-align: center;display: inline-block;transition: opacity ease 0.5s;}
.loginmodal-container form {margin: 15px}
.login-help {font-size: 12px;text-align: center;margin-bottom: 10px;color: #fff;}
.sign-in-bullets ul {list-style-type: disc;list-style-position: inside;margin-left: 15px;margin-right: 30px;margin-bottom: 20px;}
.sign-in-bullets ul li {list-style-type: disc;font-size: 13px;}
#lang {position: absolute;z-index: 9999;right: 0;width: auto;top: 30px;text-align: center;color: #fff;padding: 0;border-radius: 0 0 8px 8px;}
.dropdownx .dropdown-menu {background: #103980;border-radius: 0;margin: 0;padding: 16px;border: none;min-width: 8rem;border-radius: 15px 0 15px 15px;overflow: hidden;left: 1px !important;}
#lang .dropdown-menu a {padding: 5px 10px;color:#fff;}
#logined .dropdown-toggle::after,#lang .dropdown-toggle::after{display: none!important}
#lang .dropdown-toggle{background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/3b8fde589c176188cd8e.png);
background-repeat: no-repeat;
background-size: 30px;
padding: 0px 20px 30px 20px;}
#lang .dropdown-menu li{margin-bottom: 10px;}
/* Slideshow container */
.slideshow-container {
/*max-width: 1000px;*/
position: relative;
margin: auto;
}
.slider {
width: 100%;
overflow: hidden;
position: relative;
height: auto;
}
.slider-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.slide {
float: left;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 100%;
opacity: 0;
}
.slider-wrapper > .slide:first-child {
opacity: 1;
}
h2{
font-weight: bold!important;

}
.carousel-indicators li{
margin: 0 4px !important;
}
.carousel-fade .carousel-inner .item {
opacity: 0.5;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 0.9;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0.9;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.p-info,.v-info{
padding: 10px 10px;
display: block;
color: #fff ;
cursor: pointer;
background: #000;
}
.p-info:focus, .v-info:focus {
background: #ae946d;
outline:none;
border:none;
}
.bck-trans{
cursor: pointer;
}
.tabcontent1{
display: none;
padding: 5px;
}
.project .text{
background: #000;
   color: #fff;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
ul.tabs {
display: flex;
list-style-type: none;
padding: 0;
}
ul.tabs li {
width: 50%;
padding: 10px;
height: 40px;
text-align: center;
background: #000;
color: #fff;
font-size: 14px;
margin-left: 2px;
cursor: pointer;
}
ul#tab1 li.active {
color: #000;
background: #ffffff;
border: 1px solid #000;
}
#Calculator {
background: #f2f2f2;
width: 60%;
/* text-align: center; */
margin: 0 auto;
}
#list {
margin: 2em auto;
padding: 0;
max-width: 600px;
list-style: none;
height: 15em;
}
#list1 div {
opacity: 0;
animation: fadeIn 1s ease-in both;
}
#list1 div:nth-child(2) {
animation-delay: 1s;
}
#list1 div:nth-child(3) {
animation-delay: 2s;
}
#list1 div:nth-child(4) {
animation-delay: 3s;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.dsply{
 width: 48%;
 padding: 10px;  
}
#bata-logo{
  width: 100%;
}
#how-earn{
  /*  background: #b74505;   */
   background: linear-gradient(80deg,#ce8244,#e9b24e 100%)!important;
}
/* test accordian*/

ul {
    list-style: none;
    padding: 0;
}
  
ul .inner {
        overflow: hidden;
        display: none;
}      
  
    li {
        margin: .3em 0;
      }
       li a.toggle {
            display: block;
            background: #fff;
            color: #000000;
            padding: .75em;
            border-radius: 0.15em;
            transition: background .3s ease;
           text-align:center;
           } 
            li a.toggle:hover {
                background: #333;
            color: #fff!important;
            }

/*end accordian*/
.ocean_top{
 height: 5%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 margin-top: 5%;
}
.ocean_bottom {
/* height: 9%;*/
 width:100%;
 position:absolute;
 bottom:0;
 left:0;
}
.ocean_top .wave {
 background: transparent url(https://front-end-noobs.com/jecko/img/wave-mid.png) repeat-x;
 position: absolute;
 top: 296px;
 width: 6400px;
 height: 150px;
 animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
 transform: rotate(180deg);
 background-size: 50% 50%;
}
.ocean_bottom .wave {
 background: transparent url(https://front-end-noobs.com/jecko/img/wave-mid.png) repeat-x;
 position: absolute;
 top: 210px;
 width: 6400px;
 height: 150px;
 animation: wave 4s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
 transform: translate3d(0, 0, 0);
 background-size: 50% 32%;
}
.wave:nth-of-type(2) {
 top: -175px;
 animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
 opacity: 1;
}
@keyframes wave {
 0% {
   margin-left: 0;
 }
 100% {
   margin-left: -1600px;
 }
}
@keyframes swell {
 0%, 100% {
   transform: translate3d(0,-25px,0);
 }
 50% {
   transform: translate3d(0,5px,0);
 }
}
/* COMMON DEMO STYLE */
.page-view {
height: 300px;
width: 100%;
/*position: absolute;*/
top: 0;
left: 0;
}
.carousel-item{
 height: 300px;
}
.page-view .project {
position: absolute;
width: 100%;
height: 300px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.page-view .project .text h1 {
font-size: 100px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
display: table;
text-align: center;
}
.page-view .project .text p {
font-size: 16px;
position: absolute;
bottom: 40px;
right: -46px;
margin: 0;
}
.page-view .project:nth-child(1) {
z-index: 30;
}
.modal-title .close{
position: absolute;
right: 0;
margin: -1rem 0rem -1rem auto !important;
}
.page-view .project .text h4 {
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    text-align: center;
    font-family: 'Lobster', cursive;
}
 .delimiter-top{
    position: absolute;
    left: 50%;
    display: block;
    width: 80%;
    height: 1px;
    margin-left: -40%;
    content: "";
    background: radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,hsla(0,0%,100%,0) 75%);
}
.modal-content {
    background-color: #e7e7e7!important;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
.modal-footer, .modal-header{
border: none!important;
}
.bg-danger {
    /* background-color: #dc3545!important; */
    background: linear-gradient(80deg,#d20528,#dd272b 100%)!important;
}
.bata-club-txt{
  line-height: 20px;
    font-size: .875rem;
    color: #fff;
}
.intl-tel-input .country-list{
 top:  -49px;
}
@media screen and (max-width: 640px) {
.page-view .project .text h4 {
font-size: 34px;
}
.page-view .project .text p {
bottom: 20px;
margin: 0;
text-align: center;
right: 125px;
font-size: 14px;
}
}
.page-view .arrows {
position: absolute;
bottom: 50px;
left: 100px;
z-index: 100;
}
.page-view .arrows .arrow {
float: left;
cursor: pointer;
}
.page-view .arrows .arrow.next {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -11px;
}
.page-view .arrows .arrow:hover.previous {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
.page-view .arrows .arrow:hover.next {
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform: translate3d(5px, 0, 0) rotate(180deg);
transform: translate3d(5px, 0, 0) rotate(180deg);
}
.page-view .arrows .arrow svg {
height: 40px;
width: 25px;
padding: 2px;
}
.page-view .arrows .arrow svg polygon {
fill: #fff;
}
.page-view .arrows .arrow {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: transform 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
margin-right: 10px;
margin-top: -7px;
}
@media screen and (max-width: 640px) {
.img-fluid{
 width: 100%;
}

.page-view .arrows {
bottom: 60px;
left: 50%;
z-index: 120;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-view .arrows .arrow.previous:hover {
-webkit-transform: none;
transform: none;
}
.page-view .arrows .arrow.next:hover {
-webkit-transform: translate3d(0, 0, 0) rotate(180deg);
transform: translate3d(0, 0, 0) rotate(180deg);
}
}
@-webkit-keyframes mask-play {
from {
-webkit-mask-position: 0% 0;
mask-position: 0% 0;
}
to {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}
}
@keyframes mask-play {
from {
-webkit-mask-position: 0% 0;
mask-position: 0% 0;
}
to {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}
}
/* SPECIFIC DEMO STYLE */
/* DEMO 2 */
.demo-2 {
  background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/828b9b30661f9a7b30ff.png) no-repeat -9999px -9999px;
}

.demo-2 .page-view {
  background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/bad115dfe2015f3b7c5f.png) no-repeat -9999px -9999px;
}

.demo-2 .page-view h1 {
  text-transform: uppercase;
  letter-spacing: 16px;
}

@media screen and (max-width: 640px) {
  .demo-2 .page-view h1 {
    letter-spacing: 4px;
  }
}

.demo-2 .page-view .project:nth-child(1) {
  background-image: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/9912a0181bdd4d4ae0ca.jpg);
}

.demo-2 .page-view .project:nth-child(2) {
  background-image: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/8fc71c8750175a22b91e.jpg);
}

.demo-2 .page-view .project:nth-child(3) {
  background-image: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/44abda51d7c2150156f6.jpg);
}

.demo-2 .page-view .project:nth-child(4) {
  background-image: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/7649a778ec1b3e87acc3.jpg);
}

.demo-2 .page-view .project:nth-child(odd).hide {
  -webkit-mask: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/828b9b30661f9a7b30ff.png);
          mask: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/828b9b30661f9a7b30ff.png);
  -webkit-mask-size: 7500% 100%;
          mask-size: 7500% 100%;
  -webkit-animation: mask-play 1.4s steps(74) forwards;
          animation: mask-play 1.4s steps(74) forwards;
}

.demo-2 .page-view .project:nth-child(even).hide {
  -webkit-mask: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/bad115dfe2015f3b7c5f.png);
          mask: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/bad115dfe2015f3b7c5f.png);
  -webkit-mask-size: 8400% 100%;
          mask-size: 8400% 100%;
  -webkit-animation: mask-play 1.4s steps(83) forwards;
          animation: mask-play 1.4s steps(83) forwards;
}


/* Fallback */
.no-cssmask .page-view .project.hide {
  opacity: 0;
  -webkit-transition: opacity 1.4s ease;
          transition: opacity 1.4s ease;
  -webkit-mask: none !important;
          mask: none !important;
}

.py-3{
display: flex;
}
.mb-1, .mb-3, .mb-5{
text-align:center;
padding-bottom: 10px;
}
.text-center1{
width:25%;
}
#row2{
display: flex;
}
#row3{
display: flex;
width: 100%;
}
.footer-line{
background: radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,hsla(0,0%,100%,0) 75%);
height: 1px;
width: 80%;
margin:0 auto;
}
.tex-foter{
 width:50%;
}
.wow {
width: 27%;
margin: 0 auto;
}
.container2{
width: 85%;
margin: 0 auto;
 display: flex;
}
.intl-tel-input .flag-container{
 z-index: 9999;
}
.footer-bg{
    background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/160cb4ad3b59be4f8535.png);
    width: 100%;
    height: 237px;
    background-repeat: no-repeat;
    background-size: cover;
}
#container2{
  display: flex;
}
.foot-img-txt{
  width: 66%
}
.foot-img-txt p{
  line-height: 23px;
    font-size: .875rem!important;
}
.footer-list{
 display: flex;
    margin: 0 auto;
}
.list-footer{
  width: 50%;
}
h5{
  color: #e9ecef;
  font-size: 1rem !important;
}
li a{
    color: #fff;
    text-decoration: none;
   font-size: .875rem!important;
}
.mob-view-autlogin{ display: none;}
.desktop-view-autlogin{display: block;}

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

.slideshow-container{
margin: 20px;
}
.foot-img-txt{
  width: 87%;
}
h2{
 font-size:16px;
}
.container2{
 width: 85%;
display: block;
}
.mob-view-autlogin{ display: block !important;}
.desktop-view-autlogin{display: none!important;}
.slider {
/*height: 410px!important;*/
}
.page-view .project {
 /* width: 93%;*/
}
#row2{
display: block;
}
.text-center1 {
width: 100%;
}
.heImg{
width: 100%;
}
.py-3 {
display: block;
}
.page-view {
/*height: 75vh;*/
}
.page-view .project{
/*height: 75%;*/
}
.img-fluid{
 width: 100%;
}
.footer-bg{
 background: none;
height: 20px;
}
#what-is-masdry{
  display:block !important;
}
.dsply{
 width: 100%;
 padding: 0px;
}

#container2{
width: 100%;
 display : block;
}

/*#how-earn{
 background: #d61029;
}*/
.support{
 width: 100%;
padding: 10px;
}
.wow {
width: 100%;
margin: 0px;
}
.page-view .project .text h1 { font-size: 20px;}
/* #logined {right: 65px;top: 20px;}*/
#lang  {right: 15px;top: 20px;}
/*.dropdown-toggle span {display: none;}*/
}
#logo {
/*width: 250px;*/
overflow: hidden;
position: absolute;
z-index: 2;
top: 20px;
left: 30px;
right: 20px;
bottom: 20px;
}
.inner-header #logo {top: 20px;}
#logo a {display: block}
#logo img {width:89px;height: auto}
#sgn-error-cont{
position:fixed!important; 
}
#sgn-flashloader,#sgn-loader,#sgn-succ-cont{
position:fixed!important; 
}
#sgn-flashloader-text, #sgn-succ-text,#sgn-loader-text{
text-shadow: 1px 1px 0 #000;
background-color:#05427b !important;
color:#fff;
border-color:none;
}
.error-msg{
color: #ff0000;
font-size: 13px;
padding-top: 10px;
text-indent: 2%;
clear: both;
}
#verify:disabled{
cursor:not-allowed;
}
/* === Section Title ===== */
.section {padding: 25px 0px;margin-top: 10px;}
.section-header {margin-bottom: 20px;text-align: center;}
.section-header .section-title {font-size: 24px;}
.section-header .section-subtitle {margin-top: 15px;font-size: 15px;}
#tenExtra{background-color: #01447b;color:#fff;font-size: 16px;}
#tenExtra .noDigit{font-size: 60px;clear: both;width: 100%;display: block;text-align: right;line-height: 50px;}
#tenExtra .noImg{float: right;margin: 10px 10px -8px 10px;}
.noRight{width: 130px;float: left;text-align: right;padding-top: 20px;}
#tenExtra .noWhat{color:#f2ff20;font-size: 1.1em}
#what-is-masdry { margin: 3% 0%; display:flex;background: #db212b url(http://www.batakenya.com/betakenya/7/media/css/frontend/images/footer_brandno1.jpg);
background-repeat: no-repeat;}
#what-is-masdry .h2 {color: #eb3523;}
#what-is-masdry p{font-size: 1rem}
.what-items {display: flex;justify-content: center;flex-wrap: wrap}
.what-item {font-size: 16px;width: 31.33%;margin: 1%;border-radius: 10px;background: rgb(246, 246, 246);
background: -moz-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 99%);
background: -webkit-linear-gradient(left, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 99%);
background: linear-gradient(to right, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=1);}
.what-item:hover {-webkit-animation: bounce2 1s;animation: bounce2 1s}
.what-item strong {font-size: 18px;}
.heLabel{background-color: #fbc207;font-size: 24px;color: #fff;width: 3rem;height: 3rem;display: inline-block;border-radius: 50%;line-height: 3rem;}
.heText{font-size: 12px;}
#terms{background: #f04839;color: #fff;}
#terms li{background: url('https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/d8ae2400f9aaca649409.png') no-repeat left top;padding-left: 2rem;margin-top: .8rem;}
#branches{background: url('https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/d8ae2400f9aaca649409.png') repeat #01426a top center;background-size: 100% auto;color: #fff;padding: 50px 0;}
#branches .row{align-items: flex-start}
#register {background: url('../img/bg2.jpg') no-repeat #3f4d63 center center;background-size: cover;background-attachment: fixed;}
#register .section-title {color: #ffffff}
#register .section-subtitle {color: #ffffff}
.dark-modal .modal-content {background: no-repeat #00457c right top;color: #fff;}
#contact-popup.dark-modal .modal-content {background: url(../img/bg2.jpg) no-repeat #3f4d63 center center;background-size: cover;color: #fff;}
.dark-modal .modal-header {border-bottom: 1px solid #525f72;}
.dark-modal .modal-footer {border-top: 1px solid #525f72;}
.dark-modal .close {color: #fff;text-shadow: 0 1px 0 #000;}
/* === Buttons ===== */
.btn {font-size: 18px;/* padding: 10px 40px; *//* border-radius: 25px; */color: #fff;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;display: inline-block;}
.btn:focus,.btn:active {box-shadow: none;outline: none}
.btn-blue {border: 1px solid #dd4b39;background: #dd4b39;position: relative;color: #fff;z-index: 1;}
.btn-blue:hover,.btn-blue:focus {color: #fff;background: #f15947;border-color: #f15947;}
.btn-move {border: 1px solid #ffffff;background: #00457c;position: relative;color: #fff;z-index: 1;}
.btn-move:hover,.btn-move:focus {color: #fff;background: #1368ad;border-color: #ffffff;}
.btn-white {color: #3f4d63;background-color: #fff;border: 2px solid #fff;}
.btn-white:hover,.btn-white:focus {color: #fff;background: #2eadcb;border-color: #2eadcb;}
button:focus {outline: none !important;}
.clear {clear: both;}

.back-to-top {display: none;position: fixed;bottom: 16px;left: 15px;}
.back-to-top i {display: block;width: 40px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;text-align: center;border-radius: 4px;background-color: #103980;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;border-radius: 50%;}
/* ==== Hero Area === */

#hero-area {
    /* background: #fff; */
    background: linear-gradient(80deg,#d20528,#dd272b 100%)!important;
}
.header-graph{margin-right: -100px;}
#hero-area .overlay {position: absolute;width: 100%;height: 100%;top: 0px;right: 0px;background: #5fbb89;opacity: 0.9;}
#hero-area .contents {padding: 220px 0 100px;}
#hero-area .contents h1 {font-size: 30px;font-family: 'TheSansBold';margin-bottom: 15px;}
#hero-area .contents h1 strong{font-size: 1.2em;}
#hero-area .contents p {font-size: 24px;line-height: 30px;margin-bottom: 40px;}
#hero-area .contents .btn {margin-right: 20px;}
#hero-area .banner_bottom_btn {margin-top: 40px;}
#hero-area .banner_bottom_btn i {color: #fff;font-size: 48px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
#hero-area .banner_bottom_btn i:hover {color: #5fbb89;}
/* === Footer Style  === */
footer {background: linear-gradient(80deg,#d30928,#dc232b 100%)!important;padding: 1.5rem  0;font-size: 14px;}
.footer-links {line-height: 48px;}
.footer-links li {float: right;}
.footer-links li a {color: #5f5f5f;margin-right: 15px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: ll 0.3s ease-in-out;}
.footer-links li a:hover {color: #000;}
.social {text-align: right;}
.social a {color: #da1d2a;}
.social a i {font-size: 20px;margin-right: 7px;width: 38px;height: 38px;border-radius: 50%;line-height: 38px;text-align: center;}
.fa-facebook {background: #333;}
.fa-twitter {background: #333;}
.fa-instagram {background: #333;}
.fa-pinterest{background: #333;}
.fa-youtube{background: #333;}
.copyright p a:hover {color: #000;}
/* ==== Contact Us ===== */
.contact-us h3 {font-size: 36px;margin-bottom: 45px;}
.contact-us p span {color: #5fbb89;padding-right: 10px;}
#contact {background: #343a40;color: #fff;position: relative;}
.form-control {padding: 14px;color: #fff;font-size: 14px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
/* .form-control:focus {box-shadow: none;color: #fff;border-color: #5fbb89;background: transparent;outline: none;} */
.btn.disabled,.btn:disabled {opacity: 1;}
.text-danger {font-size: 14px;margin-top: 10px;}
.list-unstyled li {color: #d9534f;}
/* === Inner Pages ===== */
.inner-header {background: #ffffff;background-size: cover;color: #fff;position: relative;height: 90px;}
.inner-header::before {content: "";top: 0;left: 0;opacity: 0.5;right: 0;bottom: 0;z-index: 0;position: absolute;background: #ffffff;}
.inner-header .contents {padding: 40px 0;}
.inner-header .contents h2 {font-size: 24px;}
.inner-header .contents h2 span {color: #ef3125;padding: 5px 15px;border-radius: 6px;}
.inner-header .breadcrumb {background-color: transparent;text-align: center;}
.inner-header .breadcrumb>li+li:before {padding: 0 0px;color: transparent;content: "";}
.inner-header .breadcrumb li>a {color: #ffffff;font-size: 16px;font-weight: 500;text-transform: capitalize;}
.inner-header .breadcrumb li {color: #ffffff;display: inline-block;}
.inner-header .breadcrumb li span {margin-left: 8px;margin-right: 4px;font-size: 11px;}
.inner-container {padding: 35px 0 20px;}
.inner-container .h2,.inner-container h2 {font-size: 2rem;}
.inner-container .h3,.inner-container h3 {font-size: 1.75rem;}
.inner-container .h4,.inner-container h4 {font-size: 1.5rem;}
.inner-container .h5,.inner-container h5 {font-size: 1.25rem;}
.item-boxes {text-align: center;padding: 0px 15px;margin-bottom: 15px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.item-boxes .icon {width: 60px;height: 60px;text-align: center;border: 1px solid #2585fb;background: #41b7e4;display: inline-block;border-radius: 30px;margin-bottom: 30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.item-boxes .icon i {font-size: 26px;line-height: 60px;color: #fff;}
.item-boxes h4 {font-size: 20px;font-weight: 700;margin-bottom: 10px;}
.item-boxes:hover .icon {background: #fff;}
.item-boxes:hover .icon i {color: #2585fb;}
.dark-modal h2 {font-size: 24px;color: #fff;}
.dark-modal p {color: #fff;}
.dark-modal .form-control {background: #fff;color: #333;padding: 7px 14px;}
.dark-modal .form-control::placeholder,.dark-modal .form-control:-moz-placeholder,.dark-modal .form-control::-moz-placeholder {color: #333 !important;}
.modal-backdrop {z-index: 1000000;opacity: .7 !important;}
.modal {z-index: 1000001;}
.card-group-control .card {margin-bottom: 1.25rem;box-shadow: 0 1px 2px rgba(0, 0, 0, .05);border: 1px solid rgb(95, 187, 135);}
.card-header .card-title {margin-bottom: 0;}
.card-group-control-left .card-title>a {padding-left: 1.625rem;}
#accordion-control .card-title>a {display: block;}
#accordion-control .card-header {padding: 0;}
#accordion-control .card-header a {padding: .75rem 1.25rem .75rem 2.25rem;}
a.text-default:not(.btn) {transition: color ease-in-out .15s;}
.card-group-control .card-title>a:before {left: 10px;content: '\e81d';font-family: Linearicons-Free;position: absolute;top: 50%;margin-top: -.5rem;font-size: 1rem;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.card-group-control .card-title>a:after {right: 10px;content: '\e874';font-family: Linearicons-Free;position: absolute;top: 50%;margin-top: -.5rem;font-size: 1rem;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.card-group-control .card-title>a:not(.collapsed):after {content: '\e873';}
.bg-teal {background-color: #5fbb88;}
.side-part {background: #fff;border-top: 1px solid #dedede;border-right: 1px solid #dedede;border-bottom: 1px solid #dedede;}
.main-part {border-top: 1px solid #dedede;background: url('http://www.batakenya.com/betakenya/7/media/images/frontend/banners/bhome-hp-ballerina.jpg') fixed no-repeat;background-size: cover;overflow: hidden;}
.alert {padding: 0;}
.alert h4 {font-weight: normal;margin-top: 0;color: inherit;font-size: 1.1rem;border-bottom: 1px solid #dc242a;padding-bottom: 10px;padding: 10px 15px;}
.alert .alert-body {padding: 5px 15px 15px;}
.alert .close {color: #000;opacity: .2;filter: alpha(opacity=20);}
.alert .icon {margin-left: 10px;}
.alert-info {background-color: #f8f9fa !important;border: none;color: #fff;}
.alert-warning {background-color: #ffb009 !important;}
.alert-success {background-color: #00a65a !important;}
li.page-item {margin: 2px;}
.page-item:first-child .page-link,.page-item:last-child .page-link {border-radius: 0;}
a.page-link {background-color: #34495e !important;border-color: #2c3e50;color: #fff;}
.page-item.disabled .page-link {border-color: #2c3e50;}
.page-link:hover {color: #55acee;border: 1px solid #2c3e50;}
.page-item.active .page-link {background-color: #657b92 !important;border-color: #465769;}
/* ==== only small desktops ==== */
#mapBox {height: 300px;}
#sa-map {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;direction: ltr !important;}
path, circle {stroke: rgb(1, 66, 106) !important;stroke-width: 2px;stroke-linejoin: round;fill: rgba(255,255,255,0.6) !important;}
path:hover, circle:hover {stroke-width: 1px;stroke-linejoin: round;fill: rgba(255,255,255,1) !important;cursor: pointer;}
#info-box {background-color: rgba(0, 46, 74, 0.66);border-radius: 5px;padding: 20px 25px;color: #fff;font-size: 13px;}
#info-box .whatCity span{color:#fff}
#info-box .whatCity{font-size: 18px;margin-bottom: 10px;color: #f04839;}
#info-box .whatInfo{font-size: 13px;margin-bottom: 10px;}
#info-box .whatInfo i{color: #f04839;margin-right: 5px;}
.ltr {}
.ltr i{}
.big-digit {
font-size: 2rem;
}
/*Country selector for Mobile*/
.iti-flag {
background-image: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/827af28ffab18f927e86.png) !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{
padding-left:90px !important;
}
.intl-tel-input .selected-flag{
height: 40px !important;
}
.intl-tel-input {
width: 100% !important;
margin-bottom: 10px;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
font-size: 13px;
padding-left: 21px!important;  
padding-top: 3px;
color: #000;
}
.desktop-img{display: block;}
.phn-img{display: none;}
.intl-tel-input .country-list{
max-height: 130px!important;
color: #000;
}
.form-control{
height: 40px !important;
}
input[type=email]{
width: 100%;
}
@media (max-width: 320px){
li a{
font-size: .75rem!important;
}
h5 {
    font-size: 0.90rem !important;
}
.img-fluid11{
 width: 100%;
}
#logined1 {
    width: 20rem!important;
}
.slider {
height: 230px!important;
}
#row2 p{
 width: 25%;
}
.page-view {
/*height: 75vh;*/
}
}
@media (min-width:320px) and (max-width:420px) {
.slider{height:175px!important;}.desktop-img{display: none;}
.phn-img{display: block;}
.page-view {
/*height: 50vh;*/
}
.container2 {
width: 95%;
 display: block;
}
.section-rotate .section-inner{
left: -1.1rem !Important;
}
#bata-logo {
    margin: 0 auto;
   text-align: center;
}
.row{
  padding-left: 10px;
}
#row2 p{
 width: 97%;
}
.page-view .project {
  /*width: 88%;*/
}
#what-is-masdry{
  display:block;
       height: 520px;
}
.carousel-item {
    height: 223px;
}
.demo-2 .page-view h1 {
font-size: 20px;
}
.page-view .project {
/*height: 28%;*/
}
#logined{
    /*width: 21rem!important;*/
    width: 100% !important;
}
#logined1{
    width: 23.5rem;
}
#logined .drop-down-menu  {
  /*min-width: 21rem;*/
}
}
/*@media (min-width:421px) and (max-width: 736px){
.slider {
height: 256px!important;
}
}*/
@media (max-width:768px) { 
.log-img{width: 125px;padding: 11px 10px 10px 0px;}
.item-boxes.item-boxes-left {border-bottom: 1px solid #eee;text-align: initial;}
.item-boxes.item-boxes-left .icon {float: left;margin: 0 30px 30px 0;}
.item-boxes.item-boxes-left p {text-align: justify;}
#logined{position: inherit; /*width: 26rem;*/}
#logined1{position: inherit; width: 48rem;}
/* .slider{height:366px;}*/
.desktop-img{display: none;}
.phn-img{display: block;}
#lang .dropdown-toggle{margin-top: -10%;}
.social a i {
width: 33px;
height: 33px;
line-height: 33px;
}
#main-sldr{margin-top: 10px;border:none;}
.col-lg-6, .col-sm-6, .col-xs-12{text-align: center;padding-bottom: 10px;}
}
/* mobile or only mobile */
@media (max-width:767px) {
#hero-area{background-size: initial}.section-header .section-title {font-size: 20px;}
.header-graph{margin: 0px 5%;width: 80%;}
#hero-area .contents {padding: 100px 0 80px;text-align: center;}
#hero-area .contents .btn {margin: 0 0 10px 10px;padding: 10px 20px;}
#hero-area .contents h1 {font-size: 23px;background: rgba(255, 255, 255, 0.75);}
#hero-area .contents p {font-size: 16px;line-height: 22px;background: rgba(255, 255, 255, 0.75);padding: 10px;}
#features .show-box img {display: none;}
#features .box-item .text h4 {font-size: 14px;}
.controls {margin: 0px;}
.controls .btn {font-size: 13px;padding: 7px 7px;}
.video-promo .video-promo-content h2 {font-size: 22px;}
.pricing-table {margin-bottom: 15px;}
.counters .facts-item {margin-bottom: 30px;}
.single-team {margin-bottom: 15px;}
.contact-us {margin-bottom: 30px;}
.contact-us h3 {font-size: 28px;}
.footer-links li a {margin-right: 10px;}
.copyright {float: left;}
/* .slider{height:366px;}*/
.desktop-img{display: none;}
.phn-img{display: block;}
.iti-mobile .intl-tel-input.iti-container {
top: 160px  !important;
bottom: 0px  !important;
left: 0px  !important;
right: 0px  !important;
position: fixed !important; 
}
.intl-tel-input .country-list {
white-space: nowrap !important;
}
.iti-mobile .intl-tel-input .country-list{
width: 85% !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.foot-img-txt {
    width: 100%; 
}
.support{
 width: 100%;
}
.wow {
    width: 90%;
    margin: 0 auto;
}
#logined {
    position: inherit;
}
#row2 {
    display: block;
}
.container2 {
    width: 95%;
    display: block;
}
.dsply{
 width: 100%;
}
#what-is-masdry{
  display:block !important;
}
.mob-view-autlogin{ display: block !important;}
.desktop-view-autlogin{display: none;}
#hero-area .contents h1 {font-size: 28px;}
.item-boxes h4 {font-size: 18px;}
#features .show-box img {display: none;}
.pricing-table .pricing-details ul li {font-size: 12px;}
.counters .facts-item .fact-count h4 {font-size: 14px;}
.single-team {margin-bottom: 30px;}
.meta-tags span {margin-right: 3px;}
.meta-tags span i {margin-right: 0px;}
#blog .blog-item-text h3 {font-size: 14px;line-height: 20px;}
/*.slider .desktop-img {height:500px;}*/
.desktop-img{display: none;}
.phn-img{display: block;}
.col-lg-6 col-sm-6 col-xs-12{    padding-bottom: 10px;padding-bottom: 10px;}
}
@media (min-width:1024px) and (max-width:1366px) {
#logined {
    position: inherit;
    width: 25rem;
    color: #fff;
    padding: 0;
    border-radius: 8px 8px 0 0;
}

#logined {
    position: inherit;
   /* width: 25rem;*/
    text-align: center;
    color: #fff;
    padding: 0;
    border-radius: 8px 8px 0 0;
}
.desktop-img{display: none;}
.phn-img{height: 630px;display: block;}
}
@media (min-width:1865px) {
.desktop-img{display:block;}
.phn-img{display:none;}
.container2{width: 85%;}
#logined{right:0px;top:0px;position: inherit;width: 30%;}
.footer-bg{height: 283px;}
.heText{font-size: 17px;}
.ocean_bottom .wave { top: -70px;}
.ocean_top .wave { top: 266px;}
li a{ font-size: 18px! important;}
.foot-img-txt p {
    line-height: 26px;
    font-size: 18px!important;
}
}
/*
@media screen and (max-width:768px) {#logo {width: 148px;}}
@media screen and (max-width:768px) {.what-item {width: 97.33%;}}
@media screen and (max-width: 767px) {#mapBox {position: relative;width: 100%;left: 0;top: 0;}}
@media (min-width:768px) {.inner-container {padding: 85px 0 70px;}}*/
.slick-loading .slick-list{background:#fff url(/_nuxt/img/c5cd7f5.gif) 50% no-repeat}
@font-face{font-family:slick;src:url(/_nuxt/fonts/ced611d.eot);src:url(/_nuxt/fonts/ced611d.eot?#iefix) format("embedded-opentype"),url(/_nuxt/fonts/b7c9e1e.woff) format("woff"),url(/_nuxt/fonts/d41f55a.ttf) format("truetype"),url(/_nuxt/img/f97e3bb.svg#slick) format("svg");font-weight:400;font-style:normal}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;transform:translateY(-50%);padding:0;border:none}
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}
.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}
.slick-dots li,.slick-dots li button{height:20px;width:20px;cursor:pointer}
.slick-dots li button{border:0;background:transparent;display:block;outline:none;line-height:0;font-size:0;color:transparent;padding:5px}
.slick-dots li button:focus,.slick-dots li button:hover{outline:none}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#000;opacity:.75}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list,.slick-slider{position:relative;display:block;}
.slick-list{overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:""}
.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}[dir=rtl] .slick-slide{float:right}
/*.slick-slide img{display:block}*/.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.section-rotate .section-inner {
    top: -30%;
    left: 0.9rem;
    width: 130%;
    height: 120%;
    transform: rotate(-6deg);
    border-bottom-left-radius: 3rem;
}
.slick-list, .slick-slider {
    position: relative;
    display: block;
}
.section-rotate .section-inner {
    position: absolute;
    z-index: -2;
    /*width: 100%;*/
    height: 100%;
}
.bg-gradient-danger {
    background: linear-gradient(80deg,#d20528,#dd272b 100%)!important;
}



