/*----------------------------------------
General Styles
----------------------------------------*/

html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 1px;
    background-color: #fff;
    color: #000000;
    -webkit-overflow-scrolling: touch;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.2;
}
p {
    font-size: 16px;
    line-height: 26px;
}
b, strong {
    font-weight: 700;
}
dfn, cite, em, i {
    font-style: italic;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 22px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
a, a:focus, a:hover, a:active {
    text-decoration: none;
    color: inherit;
    outline: none;
}
ul, ol {
    margin: 0;
    padding: 0;
}
ul {
  list-style: none;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.effect {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/*----------------------------------------
Pre Loader
----------------------------------------*/
.loader-con {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fdfdfd;
    z-index: 99;
}
.loader-con .spinner {
  width: 50px;
  height: 50px;
}
.double-bounce1, .double-bounce2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #007bff;
    opacity: 0.6;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    -moz-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    -moz-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
/*----------------------------------------
HEADER
----------------------------------------*/
.justify-content-between div, .zmenu,.zlogo,.zline {z-index:2}
.zmenu {z-index:4}
.logo{max-width:26em;width:99%;padding-top:.8em;}
.menu{background-size:60%;height:2.8em;width:2.8em;border-radius: 32px;border:2px solid;border-color:#1693ce;background-image: url(../i/menu.png);background-repeat: no-repeat;background-position:center center;}
.header {position: absolute;width:100%}
.dropdown-menu{border:2px solid;border-color:#1693ce;border-radius: 32px 32px 0 32px;background-color:#000000;}
.dropdown-item{font-weight:500;padding: .25rem .25rem;}
.carousel-caption{right:initial;left:7%;bottom:26%;text-align: left;}
.carousel-caption h1{font-size:3.6rem;line-height: 1.1;}
.carousel-caption p{font-size:1.2rem;font-weight:500;line-height: 1.1;border-left: 3px solid #007bff!important;}
.headbtn {margin-left: 9.5%;margin-top: -10%;position: absolute;z-index:1}
.headdots{z-index:1;opacity:0.8;bottom:40px;right:40px;position:absolute;background-image: url(../i/head_dots.png);background-repeat: no-repeat;background-position:right bottom;height:415px;width:158px;}
.carousel-control{position:absolute;height:45px;width:108px;bottom: 80px;left:49%;}
.carousel-control-next,.carousel-control-prev{width:auto}
.carousel-control-prev-icon,.carousel-control-next-icon{border-radius: 32px;border: 2px solid #cbd6de;width: 44px;height: 44px;background: no-repeat;}
.carousel-control-prev-icon:hover ,.carousel-control-next-icon:hover{border: 2px solid #007bff;background-color:#007bff}
.carousel-control-next-icon{background-position:55% center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.831,1.492 L13.138,13.799 L0.831,26.106 C0.547,26.399 0.547,26.864 0.831,27.157 C1.121,27.458 1.600,27.466 1.901,27.176 L14.743,14.334 C14.884,14.192 14.964,13.999 14.964,13.799 C14.964,13.598 14.884,13.405 14.743,13.264 L1.901,0.422 C1.895,0.416 1.888,0.410 1.882,0.403 C1.582,0.113 1.103,0.121 0.812,0.422 C0.522,0.723 0.530,1.201 0.831,1.492 Z'/%3E%3C/svg%3E");}
.carousel-control-prev-icon{background-position:45% center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='28px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.763,1.492 L2.456,13.799 L14.763,26.106 C15.046,26.399 15.046,26.864 14.763,27.157 C14.473,27.458 13.994,27.466 13.693,27.176 L0.851,14.334 C0.709,14.192 0.630,13.999 0.630,13.799 C0.630,13.598 0.709,13.405 0.851,13.264 L13.693,0.422 C13.699,0.416 13.705,0.410 13.712,0.403 C14.012,0.113 14.491,0.121 14.782,0.422 C15.072,0.723 15.064,1.201 14.763,1.492 Z'/%3E%3C/svg%3E");}
.bg-black{background-color: #000000!important;}
.head-round{border-radius: 0 0 0 32px;}
.dropdown-item:focus, .dropdown-item:hover {background-color:#000000;color:#f8f9fa}
/*----------------------------------------
HOW IT WORK
----------------------------------------*/
.box-talk{border-radius: 32px;background-color:#f3f6f8;position:absolute}
.how-round{background-color:#f3f6f8;}
.box-form {border-radius:0 0 0 32px;}
.whowearedots{background-image: url(../i/whoweare_dots.png);background-repeat: no-repeat;background-position:right top;height:415px;width:79px;position: absolute;left: 0;}
/*----------------------------------------
WHAT YOU GAIN
----------------------------------------*/
.box-gain{transition: all .3s ease-in-out;min-width:335px;min-height:320px; background-color:#f3f6f8;border-radius: 32px 32px 0 32px;z-index:2;-webkit-box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);-moz-box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);}
/*----------------------------------------
WE BUY
----------------------------------------*/
#webuy {background-color: #f3f6f8;}
.nav-pills .nav-link{ border:2px solid;border-radius: 32px;border-color:#ffffff}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{background-color:inherit;border-color:#1693ce;color:#1693ce /* #2281e0 */}
.nav-link{margin-right: 0.3rem;}
/*----------------------------------------
COMPARISON
----------------------------------------*/
#comparison h2{color:#343a40;}
#comparison .font-weight-bold {color:#343a40;}
.round-box-32 {border:2px solid;border-radius: 32px;border-color:#f3f6f8;min-width:450px;min-height:615px;padding: 50px 40px;font-size:0.99rem;}
.shadow-box {-webkit-box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);-moz-box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);color:#2281e0!important;}
.dots {color:#cbd6de;font-size:4.40rem;line-height: 14px;letter-spacing:-5px}
.shadow-box .font-weight-bold, .shadow-box h2 {color:#007bff!important}
.line-gray{border-top: 2px solid #cbd6de!important;}
.line-blue{border-top: 2px solid #007bff!important;}
.left-clear {margin-top:-1.5rem;margin-bottom:3rem;margin-left:18rem;width:9%!important;}
.left-clear2 {margin-top:-1.5rem;margin-bottom:3rem;margin-left:21rem;width:9%!important;}
.left-clear3 {margin-top:-1.5rem;margin-bottom:3rem;margin-left:28rem;width:9%!important;}
.left-clear4 {margin-top:-1.5rem;margin-bottom:3rem;margin-left:14rem;width:9%!important;}
/*----
FAQ
----*/
.card{border-radius: 22px;margin-bottom:4px;}
.card h5{background-image: url(../i/down.png);background-position:99% 50%;background-repeat: no-repeat;}
.card.active{margin-bottom:22px;-webkit-box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);-moz-box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);box-shadow: 0px 15px 30px 0px rgba(101,137,161,0.16);}
.card.active h5 { background-image: url(../i/up.png);background-repeat: no-repeat;}
.card-header{background-color:#ffffff;border-bottom:0;padding:0;margin: .15rem .65rem; /*.75rem 1.25rem;*/}
.btn-link{font-weight: 500;color:#000000;}
.btn-link:hover{text-decoration: none;color:#000000;text-decoration:none;box-shadow:0 0 0 0 rgba(255,255,255,0);}
.btn.focus,.btn:focus{box-shadow:0 0 0 0 rgba(255,255,255,0);}
.btn.btn-link{display: block;width:98%;text-align: left;margin: .50rem 1rem;}
.card-body{padding: 1.25rem 1.25rem 1.25rem 2.55rem;}
/*----------------------------------------
Mediaqueries
----------------------------------------*/
@media only screen and (min-width: 320px) {
/*
    .dropdown-menu {
    right: 0 !important;
    left:0 !important;
    position:fixed !important;
    transform:none !important; }

    .dropdown-menu {
    right: 0;
    left: 0;
    position:fixed;
    transform:none;}
*/
     label{font-size:0.82rem}
     body {font-size:.84rem;}
    .box-gain:hover{position:relative;}
    .menu {height:2.5em;width:2.5em;background-size: 50%;}
    .box-talk{position:relative}
    .logo {padding-top:.55em}
    .zline{font-size: 0.75rem;z-index:2;}
    .carousel-caption {bottom: 0%;}
    .carousel-caption h1 {font-size: .88rem;}
    .carousel-caption p {font-size: .7rem;}
    .carousel-control{display:none;bottom:20px;}
    .box-gain {min-width: 300px;min-height: 310px;}
     h4{font-size: 18px;}
    .kbutton{display:none;}
     .round-box-32 {min-width:unset;}
}

@media screen and (min-width: 576px) {
    .zline{font-size: 0.65rem;}
    .menu {height:2.9em;width:2.9em;background-size: 50%;}
    .carousel-control{display:none;}
    .box-gain {min-width: 300px;min-height: 240px;}
}

@media screen and (min-width: 768px) {
    .ml-md-10 { padding-left: 6rem!important; }
    body {font-size:1rem;}
    h4{font-size: 20px;}
    .menu {height:4em;width:4em;background-size: 68%;}
    .logo {width:22em;padding-top:.1em}
    .zline{font-size: 0.75rem;}
    .carousel-caption {bottom: 19%;}
    .carousel-caption h1 {font-size: 1.15rem;}
    .carousel-caption p {font-size: 0.85rem;}
    .carousel-control{display:block;bottom:30px;}
    .kbutton{display:block;}
    .box-talk{position:absolute}
    .round-box-32 {min-width:350px;}
    .box-gain {min-width: 300px;min-height: 310px;}

}

@media (min-width: 992px) {
    h4{font-size: 22px;}
    .logo {width:26em;float:none;padding-top:0}
    .carousel-caption h1 {font-size: 1.3rem;}
    .carousel-caption p {font-size: 1rem;}
    .zline{   display: flex;
      justify-content: center;
      align-items: center;}
    .carousel-caption {bottom: 25%;}
    .carousel-control{bottom:55px;}
    .round-box-32 {min-width:400px;}
    .box-gain {min-width: 300px;min-height: 285px;}
    .min-h{min-height:95px;}
}

@media (min-width: 1200px) {
    .container {
        max-width: 1180px;
    }
    .carousel-control{bottom:70px;}
    .round-box-32 {min-width:330px;}
    .carousel-caption h1 {font-size: 2.6rem;}
    .carousel-caption p {font-size: 1.2rem;}
    .box-gain {min-width: 300px;min-height: 300px;}
    .min-h{min-height:115px;}
}

@media (min-width: 1300px) {
.min-h{min-height:95px;}
}

@media (min-width: 1400px) {
    .container {
        max-width: 1380px;
    }
    .carousel-control{bottom:80px;}
    .round-box-32 {min-width:380px;}
    .box-gain {min-width: 290px;min-height: 310px;}
    label{font-size:0.86rem}
    body {font-size:.94rem;}
}


@media (min-width: 1500px) {
    .container {
        max-width: 1480px;
    }
    .carousel-control{bottom:100px;}
    .carousel-caption h1 {font-size: 3.6rem;}
    .carousel-caption p {font-size: 1.3rem;}
    label{font-size:0.84rem}
    body {font-size:.96rem;}
}

@media (min-width: 1600px) {
    .container {
        max-width: 1580px;
    }
    .carousel-control{bottom:110px;}
    .round-box-32 {min-width:400px;}
    body {font-size:.98rem;}
    label{font-size:0.90rem}
}

@media (min-width: 1700px) {
    .container {
        max-width: 1680px;
    }
    .carousel-control{bottom:120px;}
    .col-xxl-2 {
    flex: 0 0 20.666667%;
    max-width: 20.666667%;
    }
    label{font-size:0.92rem}
}

@media (min-width: 1800px) {
    .container {
        max-width: 1780px;
    }
    .carousel-control{bottom:140px;}
    .round-box-32 {min-width:450px;}
    .box-gain {min-width: 335px;min-height: 320px;}
    label{font-size:0.94rem}
}

@media (min-width: 1900px) {
    .container {
        max-width: 1880px;
    }
    .carousel-control{bottom:150px;}
    label{font-size:0.98rem}
}

/*----------------------------------------
keyframes animation
----------------------------------------*/

/* PreLoader Animations*/
@-webkit-keyframes sk-bounce {
  0%, 100% { 
    -webkit-transform: scale(0.0); 
            transform: scale(0.0);
  } 50% { 
    -webkit-transform: scale(1.0); 
            transform: scale(1.0);
  }
}
@-moz-keyframes sk-bounce {
  0%, 100% { 
    -moz-transform: scale(0.0); 
         transform: scale(0.0);
  } 50% { 
    -moz-transform: scale(1.0); 
         transform: scale(1.0);
  }
}
@keyframes sk-bounce {
  0%, 100% { 
    -webkit-transform: scale(0.0); 
       -moz-transform: scale(0.0); 
            transform: scale(0.0);
  } 50% { 
    -webkit-transform: scale(1.0); 
       -moz-transform: scale(1.0); 
            transform: scale(1.0);
  }
}

/*Smooth Scroll Button animation*/
@-webkit-keyframes dot-animation {
    0% {
	top: -webkit-calc(50% - 6px);
	top: calc(50% - 6px);
	opacity: 1;
    }
    40% {
	top: 50%;
	opacity: 0;
    }
    100% {
	top: -webkit-calc(50% - 6px);
	top: calc(50% - 6px);
	opacity: 0;
    }
}
@-moz-keyframes dot-animation {
    0% {
	top: -moz-calc(50% - 6px);
	top: calc(50% - 6px);
	opacity: 1;
    }
    40% {
	top: 50%;
	opacity: 0;
    }
    100% {
	top: -moz-calc(50% - 6px);
	top: calc(50% - 6px);
	opacity: 0;
    }
}
@keyframes dot-animation {
    0% {
	top: -webkit-calc(50% - 6px);
	top: -moz-calc(50% - 6px);
	top: calc(50% - 6px);
	opacity: 1;
    }
    40% {
	top: 50%;
	opacity: 0;
    }
    100% {
	top: -webkit-calc(50% - 6px);
	top: -moz-calc(50% - 6px);
	top: calc(50% - 6px);
	opacity: 0;
    }
}


/*----------------------------------------
custom
----------------------------------------*/
.text-primary{color:#2281e0}
.smaller{font-size:0.68rem}

.ft-round{border-radius:32px 0 0 0;background-color:#f3f6f8;}
.round-bt-32{border-radius: 32px;color:#ffffff;background-color: rgb(22,147,206,0.65);border-color:#2281e0}
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}

/*----------------------------------------
Footer
----------------------------------------*/
.footer {
    text-align: left;
    background-color: #ffffff;
}

.bg-ft-a {
    background-image: url(../i/bg-ft-a.png);
    background-repeat: no-repeat;
    background-position:left bottom;
}

.bg-ft-b {
    background-color:#111111;
    color:#ffffff;
    background-image: url(../i/bg-ft-b.png);
    background-repeat: no-repeat;
    background-position:right top;
}
.bg-ft-c {
    background-color:#111111;
    color:#ffffff;
    background-image: url(../i/bg-ft-c.png);
    background-repeat: no-repeat;
    background-position:right top;
}

hr {
  border: 0;
  border-top: 1px solid #222;
}
.back{display:inline;}
.text-500{font-weight:500;}
/*------------------------------------------
form
------------------------------------------*/
.show-message{display:none;}
.bg-light{background-color:#f3f6f8;}
.custom-select{background: #fff url(../i/select.png) no-repeat right .75rem center/17px 10px;}
.custom-select,.form-control{border-radius: 19px;padding: .75rem .375rem .75rem 1rem;height:calc(1.5em + 1.50rem + 2px);border: 0;}
label{font-weight:600;padding-left:1rem}