html{
  font-size: 62.5%;
}

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #e4e8ea;
  font-size:14px;
  font-size:1.4rem;
}

.container-fluid {
  padding-left:0;
  padding-right: 0;
}

a {
  letter-spacing: 1px;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: underline;
}

h1 {
  font-weight: 700;
  color:#56CEFB;
  line-height: 2;
  font-size:2.2rem;
  font-weight: 500;
  letter-spacing: 1px;
}

h2 {
  line-height: 2;
  font-weight: 500;
  font-size:1.8rem;
  letter-spacing: 0.5px;
}

h3 {
  line-height: 2;
  font-size:2rem;
}

h4 {
  line-height: 2;
}

h5 {
  color:#5BC0DE;
  font-size:1.6rem;
}

.p-6 {
  padding: 4rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important;
}

.pl-6,
.px-6 {
  padding-left: 4rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.pt-7,
.py-7 {
  padding-top: 7rem !important;
}

.pr-7,
.px-7 {
  padding-right: 7rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 7rem !important;
}

.pl-7,
.px-7 {
  padding-left: 7rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.pt-8,
.py-8 {
  padding-top: 8rem !important;
}

.pr-8,
.px-8 {
  padding-right: 8rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 8rem !important;
}

.pl-8,
.px-8 {
  padding-left: 8rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.pt-10,
.py-10 {
  padding-top: 10rem;
}

.pr-10,
.px-10 {
  padding-right: 10rem !important;
}

.pl-10,
.px-10 {
  padding-left: 10rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 10rem !important;
}

.pt-15,
.py-15 {
  padding-top: 15rem !important;
}

.pt-17 {
  padding-top: 17rem;
}

.pt-20 {
  padding-top: 20rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mt-6 {
  margin-top: 6rem;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.mx-7 {
  margin-left:  7rem;
  margin-right: 7rem;
}
.my-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.mt-12 {
  margin-top: 12rem !important;
}

.mt-15 {
  margin-top: 15rem !important;
}

.my-6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.my-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.ml-10 {
  margin-left: 10rem;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #37acd4 !important;
  border-color: #37acd4 !important;
  font-weight:700;
}

/*navbar */

.bg-dark {
    background-color: #2b4259!important;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
  opacity: 1;
}

.navbar-default.fade-in{
  background-color: #333f48;
  opacity:1;
  transition: all 1s ease-out;
}

.navbar-default .navbar-nav li a {
  color: rgba(255,255,255,0.8)!important;
}

.navbar-default .navbar-nav li a:hover {
  color:#9cb1c2;
}

.navbar-default .navbar-nav li a:visited {
  color:#ffffff;
}

.navbar-default .navbar-nav .active a {
  color:#50c2ec;
  background-color:transparent;
}

.navbar-default .navbar-nav .active a:hover {
  color:#50c2ec;
  background-color:transparent;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  color:#50c2ec!important;
}

.language.dropdown-menu {
  min-width:9rem !important;
}

.btn_nav {
  border-radius:3rem;
  color: #ffffff;
  padding: .5rem 2rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight: 700;
  background-color: #66ccff;
  border: 3px solid #04a5df;
}

.btn_nav:hover {
  color: #3ab4e2;
  background-color: #f1fbfc;
  box-shadow: 0 0 12px 0 #3ab4e2;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}


.btn_nav_signup {
  border-radius:3rem;
  background-color:#64c3e9;;
  color:#ffffff;
  padding: .5rem 2rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight: 700;
}

/* content start */

#intro {
  height: 100vh;
  background: url('../images/singapore1500.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #fff;
  opacity:0;
  overflow:hidden;
}

#intro.fade-in{
  opacity:1;
  transition: all 3s ease-out;
}

.content h2 {
  line-height:2;
  font-size:2.2rem;
  font-family: 'Open Sans', sans-serif;
}

.content p {
  font-size: 2rem;
  color: #56cefb;
}

.logo img {
  max-width:80%;
}

.blue_button {
  color:#ffffff;
  background-color: #66ccff;
  border: 3px solid #04a5df;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-size: 1.4rem;
  font-weight:500;
  transition: all .3s ease-in-out;
}

.blue_button:hover {
  color: #3ab4e2;
  background-color:#f1fbfc;
  box-shadow: 0 0 12px 0 #3ab4e2;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.next_button {
  border: 2px solid #2b4259;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-size: 1.4rem;
  font-weight:500;
  transition: all .3s ease-in-out;
}

.next_button_white {
  border: 2px solid #ffffff;
  color: #ffffff;
}

.next_button_white:hover {
    color: #ffffff;
    background-color:#66ccff;
    border-color: #66ccff;
}

/* intro */

.intro_content_bloc h1 {
  color: #56CEFB!important;
}

.intro_content_bloc h2 {
  font-size: 1.8rem!important;
}

.blue_button_intro {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.blue_button_intro_contact {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.arrow {
  width: 4em;
  height: 4em;
  border: 2px solid #ffffff;
  opacity: .6;
  border-radius: 50%;
}

.arrow a {
  color: #ffffff;
  opacity: .6;
}

.scroll_down {
  margin-top:50px;
}

.scroll_down .mouse{
  position: relative;
  display: inline-block;
  width:35px;
  height:58px;
  margin: 0 auto 5px;
  border: 2px solid #ffffff;
  border-radius: 24px;
  opacity: .6;
}

.wheel {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 25px;
  margin: 6px auto 5px;
  border: 2px solid #fff;
  border-radius: 24px;
  opacity: .6;
}

.wheel span {
  position: absolute;
  display: block;
  top: 8px;
  left: 50%;
  width: 4px;
  height: 8px;
  margin: -7px 0 0 -2px;
  background: #fff;
  border-radius: 20px;
  animation: MoveUpDown 1s linear infinite;
}

    @keyframes MoveUpDown {
    0 {
    top: 8px;
    }
    50% {
    top: 20px;
    }
    100% {
    top: 8px;
    }
}

.scroll_down  .mouse_dark {
  border: 2px solid #333f48;
}

.wheel_dark {
  background: #333f48;
}

/* benefit1 */

.benefit_bg1 {
  background-color:#2fa8c9;
  border-radius:8px;
  box-shadow: 0px 0px 70px rgba(110, 179, 208, 0.52);
  opacity:0;
}

.benefit_bg1.fade-in {
  opacity:1;
}

.benefit_title1 {
  color: #154a59;
  font-weight:700;
  opacity:0;
}

.benefit_title1.fade-in {
  opacity:1;
}

.benefit_content1 {
  font-size:1.6rem;
  color:#ffffff;
  opacity:0;
}

.benefit_content1.fade-in {
  opacity:1;
}

.benefit_btn1 {
  color:#154a59;
  background-color: #bbeaf7;
  border: 3px solid #bbeaf7;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  opacity:0;
  transition: all .3s ease-in-out;
}

.benefit_btn1.fade-in {
  opacity: 1;
}

.benefit_btn1:hover {
  color:#bbeaf7;
  background-color:#154a59;
  box-shadow: 0 0 12px 0 #bbeaf7;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.benefit_visual1 {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top:-4rem;
  margin-bottom:4rem;
  opacity:0;
}

.benefit_visual1.fade-in {
  opacity:1;
}

.benefit_visual1 img {
  width:80%;
}

/* benefit2 */

.benefit_bg2 {
  background-color:#2fc0c9;
  border-radius:8px;
  box-shadow: 0px 0px 60px rgb(153, 235, 240, 0.80);
  opacity:0;
}

.benefit_bg2.fade-in {
  opacity:1;
}

.benefit_title2 {
  color:#154a59;
  font-weight:700;
  opacity:0;
}

.benefit_title2.fade-in {
  opacity:1;
}

.benefit_content2 {
  font-size:1.6rem;
  color:#ffffff;
  opacity:0;
}

.benefit_content2.fade-in {
  opacity:1;
}

.benefit_btn2 {
  color:#154a59;
  background-color: #dbeeef;
  border: 3px solid #dbeeef;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  opacity:0;
  transition: all .3s ease-in-out;
}

.benefit_btn2.fade-in {
  opacity:1;
}

.benefit_btn2:hover {
  color:#dbeeef;
  background-color:#154a59;
  box-shadow: 0 0 12px 0 #dbeeef;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.benefit_visual2 {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top:-4rem;
  margin-bottom:4rem;
  opacity:0;
}

.benefit_visual2.fade-in {
  opacity:1;
}

.benefit_visual2 img {
  width:80%;
}

/* benefit3 */

.benefit_bg3 {
  background-color:#fbaf5d;
  border-radius:8px;
  box-shadow: 0px 0px 60px rgb(251, 175, 93, 0.4);
  opacity:0;
}

.benefit_bg3.fade-in {
  opacity:1;
}

.benefit_title3 {
  color: #764a0c;
  font-weight:700;
  opacity:0;
}

.benefit_title3.fade-in {
  opacity:1;
}

.benefit_content3{
  font-size:1.6rem;
  color:#ffffff;
  opacity:0;
}

.benefit_content3.fade-in {
  opacity:1;
}

.benefit_btn3 {
  color:#764a0c;
  background-color: #f9dab9;
  border:3px solid #f9dab9;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  opacity:0;
  transition: all .3s ease-in-out;
}

.benefit_btn3.fade-in {
  opacity:1;
}

.benefit_btn3:hover {
  color:#f9dab9;
  background-color:#67471a;
  border:3px solid #ffffff;
  box-shadow: 0 0 12px 0 #faf4ef;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.benefit_visual3 {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top:-4rem;
  margin-bottom:4rem;
  opacity:0;
}

.benefit_visual3.fade-in {
  opacity:1;
}

.benefit_visual3 img {
  width:80%;
}

/* benefit 4 */

.benefit_bg4 {
  background-color:#8594a5;
  border-radius:8px;
  box-shadow: 0px 0px 70px rgb(195, 219, 246);
  opacity:0;
}

.benefit_bg4.fade-in {
  opacity:1;
}

.benefit_title4 {
    color:#154a59;
    font-weight:700;
    opacity:0;
  }

.benefit_title4.fade-in {
  opacity:1;
}

.benefit_content4{
  font-size:1.6rem;
  color:#ffffff;
  opacity:0;
}

.benefit_content4.fade-in {
  opacity:1;
}

.benefit_btn4 {
  color:#154a59;
  background-color: #e3f0f8;
  border: 3px solid #e3f0f8;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  opacity:0;
  transition: all .3s ease-in-out;
}

.benefit_btn4.fade-in {
  opacity:1;
}


.benefit_btn4:hover {
  color:#e3f0f8;
  background-color:#154a59;
  box-shadow: 0 0 12px 0 #faf4ef;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.benefit_visual4 {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top:-4rem;
  margin-bottom:4rem;
  opacity:0;
}

.benefit_visual4.fade-in {
  opacity:1;
}

.benefit_visual4 img {
  width:80%;
}

/* benefit 5 */

.benefit_bg5 {
  background-color:#09b9a5;
  border-radius:8px;
  box-shadow: 0px 0px 70px rgb(170, 235, 227);
  opacity:0;
}

.benefit_bg5.fade-in {
  opacity:1;
}

.benefit_title5{
  color:#154a59;
  font-weight:700;
  opacity:0;
}

.benefit_title5.fade-in {
  opacity:1;
}

.benefit_content5{
  font-size:1.6rem;
  color:#ffffff;
  opacity:0;
}

.benefit_content5.fade-in {
  opacity:1;
}

.benefit_btn5 {
  color:#154a59;
  background-color: #c6f3ee;
  border: 3px solid #c6f3ee;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  opacity:0;
  transition: all .3s ease-in-out;
}

.benefit_btn5.fade-in {
  opacity:1;

}

.benefit_btn5:hover {
  color:#c6f3ee;
  background-color:#154a59;
  box-shadow: 0 0 12px 0 #c6f3ee;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.benefit_visual5 {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top:-4rem;
  margin-bottom:4rem;
  opacity:0;
}

.benefit_visual5.fade-in {
  opacity:1;
}

.benefit_visual5 img {
  width:80%;
}


.blinking {
  animation: blinker 1.6s linear infinite;
  opacity:0;
}

@keyframes blinker {
   0% {
      opacity: 0;
      transform: translateY(-20px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

/* ad campaign 1 */

.rounded {
  border-radius: 1.25rem!important;
}


.ad_campaign_results {
  font-size: 1.5rem;
}

.fa-chevron-down {
  font-size: 1.4rem;
}

.kw_targeting_mobile {
  max-width: 90%;
}

.kw_targeting2_mobile {
  max-width: 90%;
}

/* ecommerce integration */

.ecommerce {
  color: #333f48;
}


/* ready to launch your first campaign */

.cta_bloc_title {
  line-height: 1.5;
  color: #56CEFB;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.transparent_button {
  margin: 20px;
  color: #ffffff;
  background-color:transparent;
  border: 3px solid #ffffff;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  transition: all .3s ease-in-out;
}

.transparent_button:hover {
color:#1e87ae;
background-color:#f1fbfc;
box-shadow: 0 0 12px 0 #3ab4e2;
border: 3px solid #3ab4e2;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: all .3s ease-in-out;
}


/* waves*/
.waves-wrapper {
  text-align:center;
  background-color:#31404c;
  position:absolute;
  bottom:0;
  width:100%;
}

.inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

/* waves Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}

/* let's have a chat */

.well {
  background-color: transparent;
  border:none;
  box-shadow: none;
  -webkit-box-shadow:none;
}

.get_in_touch {
  color: white;
  background-color:#465561;
  text-align: center;
  padding: 60px 10px 20px 10px!important;
  opacity: 0;
  transition: all 1s ease-out;
}

.get_in_touch h2 {
  line-height:2;
  text-transform: uppercase;
}

.get_in_touch h3 {
  line-height:2;
}

.get_in_touch .form-group {
  text-align:left;
  margin-bottom:4rem;
}

.get_in_touch .form-control {
  border-radius: 2px;
  background-color: #e3ecf3;
  border: none;
  color: #333f48;
  font-size:1em;
  font-weight:700;
  height: 40px;
}

.get_in_touch .message textarea {
  min-height:80px;
}

.get_in_touch .form-group label{
    color:#9cb1c2;
  font-weight: 500;
  font-size: 0.9em;
}

.get_in_touch .btn-lg {
  padding: 1rem 2rem;
  font-size: 1.4rem;
}

.get_in_touch .submit {
  text-align:center;
}

.cta_no_credit_card {
  font-weight:bold;
}

/* Footer */

.bg_dark {
  background-color:#283239;
}

.footer {
  color: #748890;
  background-color: #283239!important;
}

.footer h3 {
  color: #50c2ec;
  text-align: left;
  font-weight:700;
  font-size:1.2em;
}

.footer .fas {
     color: #50c2ec;
}

.footer p {
  padding-top:10px;
}

.footer .footer_contacts ul {
  padding-left: 0px;
  padding-top: 10px;
  list-style-type: none;
}

.footer .footer_contacts ul li{
  text-align: left;
  padding-bottom: 20px;
}

.footer .footer_contacts ul li span{
  display: inline-block;
  width: 85%;
  padding-left: 25px;
  padding-right: 0px;
}

.footer .footer_contacts ul li i{
  vertical-align:top;
  padding-top:5px;
}

.footer .form-control {
  border-radius: 2px;
  background-color: #333f48;
  border: none;
  color: #50c2ec;
  height: 36px;
  font-size:1em;
}

.form-control::-webkit-input-placeholder {
   color: #748890;
}

.form-control:-moz-placeholder {
  color: #748890;
}

.form-control::-moz-placeholder {
  color: #748890;
}

.form-control:-ms-input-placeholder {
  color: #748890;
}

.footer .input-group {
  color: #748890;
}

.footer .input-group-addon {
  background-color: #37acd4;
  border: none;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding:8px;
  color: white;
  font-weight: 700;
}

a, a:focus, a:hover {
  color: #50c2ec;
  text-decoration: none;
}
/*
.sep_block_up {
  position:relative;
  height:50px;
  width:100%;
  bottom:30px;
  overflow:hidden;
  z-index:100;
}

.sep_block_up span {
  display:block;
  position:absolute;
  width:100px;
  height:100%;
  left:50%;
  margin-left:-50px;
}

.sep_block_up span a {
  display:block;
  position:absolute;
  height:50px;
  width:100px;
  opacity:0.4;
  z-index:10;
}

.sep_block_up span a:hover {
  opacity:1
}

.sep_block_up span a.up {
  background:url(../images/arrows.png) 100px 0;
  top:0;
}
*/

.footer2 {
    background-color: #283239;
  text-align: center;
  color: #748890;
  font-size: 12px;
}

.footer2 p {
  padding-top:10px;
}

/* page how it works */

#intro_how_it_works {
  height: 100vh;
  background: url('../images/programmatic.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #fff;
  overflow:hidden;
}

#intro.fade-in{
  opacity:1;
  transition: all 3s ease-out;
}

.intro_content_bloc {
  height:100vh;
  background-color: rgba(6,24,49,0.7);
}

.intro_content_bloc p {
  font-size: 2rem;
  color: #56cefb;
}

.grey_bloc {
  background-color: #e4e8ea;
  color:#333f48;
  overflow:hidden;
}

.grey_bloc_content {
  padding-top:10vh;
}

.white_bloc {
  background-color: #ffffff;
  overflow:hidden;
}

.white_bloc_content {
  padding-top:10vh;
}

.dark_bloc {
  background-color: #31404c;
  color: #50c2ec;
  overflow:hidden;
  position:relative;
}

.modal-dialog {
  max-width: 95%;
  height: 95%;
  margin-left:auto;
  margin-right:auto;
  padding: 0;
}

.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: #ecf4f9;
}

.modal-content .list-group {
  box-shadow: 0px 0px 70px rgba(110, 179, 208, 0.52);
}

.modal-content i {
  color:#969798;
}

.modal-header {
  border-bottom:none;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='969798ff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='969798ff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}


/* step 6 */

.benefit_bg6 {
  background-color:#6faad9;
  border-radius:8px;
  box-shadow: 0px 0px 70px rgb(186, 213, 235);
  opacity:0;
}

.benefit_bg6.fade-in {
  opacity:1;
}

.benefit_title6{
  color:#154a59;
  font-weight:700;
  opacity:0;
}

.benefit_title6.fade-in {
  opacity:1;
}

.benefit_content6{
  font-size:1.8rem;
  color:#ffffff;
  opacity:0;
}

.benefit_content6.fade-in {
  opacity:1;
}

.benefit_btn6 {
  color:#154a59;
  background-color: #cbe5fa;
  border: 3px solid #cbe5fa;
  padding: 1rem 3rem;
  line-height: 1.5;
  border-radius: 3rem;
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  font-weight:700;
  opacity:0;
  transition: all .3s ease-in-out;
}

.benefit_btn6.fade-in {
  opacity:1;
}

.benefit_btn6:hover {
  color:#c6f3ee;
  background-color:#154a59;
  box-shadow: 0 0 12px 0 #c6f3ee;
  -webkit-transform: scale(1.1)!important;
  -ms-transform: scale(1.1)!important;
  transform: scale(1.1)!important;
  transition: all .3s ease-in-out;
}

.benefit_visual6 {
  background-color: #ffffff;
  border-radius: 8px;
  margin-top:-4rem;
  margin-bottom:4rem;
  opacity:0;
}

.benefit_visual6.fade-in {
  opacity:1;
}

.benefit_visual6 img {
  width:80%;
}

.modal_bidding h4 {
  color:#2480ac;
  border-bottom:1px solid #2480ac;
}

/* page services  */


#intro_services {
  height: 100vh;
  background: url('../images/sail.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #ffffff;
  overflow:hidden;
}

.intro_services_content_bloc {
  height:100vh;
  background-color: rgba(6,24,49,0.7);
}

.intro_services_content_bloc h1 {
  line-height:2;
  color: #56CEFB!important;
}


.intro_services_content_bloc h2 {
  line-height:2;
  font-size:2.2rem;
  font-family: 'Open Sans', sans-serif;
}

.intro_services_content_bloc p {
  font-size: 2rem;
  color: #56cefb;
}


/* page Company */


#intro_company {
  height: 100vh;
  background: url('../images/company.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #ffffff;
  overflow:hidden;
}

.intro_company_content_bloc {
  height:100vh;
  background-color: rgba(6,24,49,0.7);
}

.intro_company_content_bloc h1 {
  line-height:2;
}

.intro_company_content_bloc h2 {
  line-height:2;
  font-size:2.2rem;
  font-family: 'Open Sans', sans-serif;
}

.intro_company_content_bloc p {
  font-size: 2rem;
  color: #56cefb;
}

.company_content1 {
  font-size:1.3rem;
  line-height:2;
  color:#ffffff;
  opacity:0;
}

.company_content1.fade-in {
  opacity:1;
}

.company_content2 {
  font-size:1.3rem;
  line-height:2;
  color:#ffffff;
  opacity:0;
}

.company_content2.fade-in {
  opacity:1;
}

.company_content3 {
  font-size:1.3rem;
  line-height:2;
  color:#ffffff;
  opacity:0;
}

.company_content3.fade-in {
  opacity:1;
}

/* page Contact */

#intro_contact {
  height: 100vh;
  background: url('../images/coffee.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #ffffff;
  overflow:hidden;
}

.intro_contact_content_bloc {
  height:100vh;
  background-color: rgba(6,24,49,0.7);
  }

.intro_contact_content_bloc h1 {
  line-height:2;
}

.intro_contact_content_bloc p {
  font-size: 2rem;
  color: #56cefb;
}

.lets_chat .form-control {
  border-radius: 2px;
  border: 1px solid #e2e2e2;
  color: #426677;
  font-size:1.3em;
  font-weight:700;
  height: 40px;
}

.lets_chat label {
  color: #9cb1c2;
  font-weight: 500;
  font-size: 0.9em;
}

.lets_chat .form-group {
  margin-bottom: 4rem;
}

.lets_chat .submit {
  text-align: center;
}


.lets_chat .btn-lg {
  padding: 1rem 2rem;
  font-size: 1.4rem;
}

.contact_form_bloc {
  background-color:#31404c;
}

/* page Legal */

#intro_legal {
  height: 100vh;
  background: url('../images/legal.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #ffffff;
  overflow:hidden;
}

.intro_legal_content_bloc {
  height:100vh;
  background-color: rgba(6,24,49,0.7);
  }

.intro_legal_content_bloc h1 {
  line-height:2;
}


#intro_unsub h1 {
  text-align:center;
}

.unsub_success {
  text-align: center;
}

.unsub_success h1 {
  color:#37acd4;
  margin-top:0;
  margin-bottom:0;
  font-size:2.5em;
}

.legal .btn-lg {
  padding: 1rem 2rem;
  font-size: 1.4rem;
}


/* right2access */

.right2access h1 {
color:#37acd4;
margin-top:0;
margin-bottom:0;
font-size:2.5em;
text-align:center;
}

.right2access h2 {
color: #465561;
    font-size:2em;
}

/* pricing page */

#intro_pricing {
  height: 100vh;
  background: url('../images/programmatic.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  text-align: center;
  color: #ffffff;
  overflow:hidden;
}

.intro_pricing_content_bloc {
  height:100vh;
  background-color: rgba(6,24,49,0.7);
}

.intro_pricing_content_bloc h1 {
  line-height:2;
}


.intro_pricing_content_bloc h2 {
  line-height:2;
  font-size:2.2rem;
  font-family: 'Open Sans', sans-serif;
}

.intro_pricing_content_bloc p {
  font-size: 2rem;
  color: #56cefb;
}

.nav-pills {
  background-color:#f2f4f5;
  border-radius:24px;
}
.nav_item_pricing {
  width:50%;
  background-color:#f2f4f5;
  border-radius:24px;
}

.nav_link_pricing, .nav_link_pricing:hover {
  color:#328baf;
  font-weight:700;
  padding-top:10px;
  padding-bottom:10px;
}


.nav_item_pricing .nav-link.active, .nav_item_pricing  .show>.nav-link {
  color: #fff;
  background-color: #2687ad;
  border-radius: 24px;
}

.pricing {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  color: #173d50;
  background-color: #173d50;
}

.pricing h1 {
  font-family: 'Open Sans', sans-serif;
  font-size:2.5em;
  text-align:center;
  line-height:2;
}

.cd-pricing-header {
  height: 80px;
  pointer-events: none;
  border-bottom: none !important;
}

.cd-pricing-header {
  height: auto;
  padding: 1.9em 0.9em 1em;
  pointer-events: auto;
  text-align: center;
  color: #173d50;
  background-color: transparent;
}

.cd-pricing-header h2 {
  margin-bottom: 3px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing: 2px;
}

.cd-pricing-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.cd-popular .cd-pricing-header {
  color: #e97d68;
  background-color: transparent;
}

.cd-currency {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
  font-size: 2rem;
  font-weight: 700;
  color: rgba(23, 61, 80, 0.4);
}

.cd-value {
  font-size: 4rem;
  font-weight: 300;
}

.cd-duration {
  font-weight: 700;
  font-size: 1.4rem;
  color: #8dc8e4;
  text-transform: uppercase;
}

.cd-pricing-features {
  width: auto;
}

.pricing .fa-question-circle {
  font-size:1.2em !important;
}

.pricing .tick {
  font-size:1.3em !important;
}

.benefit_grey_bg {
  background-color: rgba(244, 247, 248, 1);
}

.benefit_light_blue_bg {
  background-color: rgba(226, 235, 237, 1);
}

.cd-pricing-features li {
  float: none;
  width: auto;
  padding: 1em;
  font-size: 1.4rem;
  text-align: center;
  overflow: hidden;
}

.cd-pricing-features em {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 600;
}

.cd-pricing-features li:nth-of-type(2n+1) {
  background-color: rgba(23, 61, 80, 0.06);
}

.modal_pricing img {
  max-width:70%;
}

.card-body {
  padding:0!important;
}

.card-footer {
  border-top:0;
  background-color:#ffffff;
}

.good_deal h3 {
  font-size:2rem;
}

/* faq section */

.faq .btn-lg {
  font-size:1.8rem !important;
  color: #2aabe6 !important;
  font-weight:500 !important;
}

.faq .btn-lg .fa {
  font-size:2.5rem !important;
}

.faq h2 {
  font-size:3rem !important;
}

/* test scroll full page */

* {
  margin: 0;
  padding: 0;
}

h1.page {
  color:black;
  text-align:center;
  padding-top:100px;
}

.scrollMajicFix {
  top:0 !important;
}

.hero-story, .scrollTo {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: relative;
}

.contentcon {
  min-height:200vh;
  height:auto;
}

.module-background, content {
  position:relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.first-hero .module-background {
  background-color: green;
}

.second-hero .module-background {
  background-color: yellow;
}

.third-hero .module-background {
  background-color: orange;
}

.wht {
  background:white;
}

/* end test scroll full page */
#btnMlist{
cursor:pointer;
-webkit-touch-callout: none;
  -webkit-user-select: none;
   -khtml-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.r {background-color:rgba(255,80,80,0.8)!important;}