body{
    font-family: 'Raleway', sans-serif;
    color:#06427b;
}
a, a:active, a:focus, button, button:active, button:focus{
    outline: none;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
select [disabled] {
     color: #555;
}
/**/
.nav {
  /*display: block;*/
  margin-bottom: 15px 0;
  background: transparent;
  position: relative;
}
.nav--firstnav{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  font-size: 1.25rem;
  justify-content: flex-end;
}
.nav-firstnav{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.nav--firstnav > li > a {
  padding: 15px 20px;
  color: #fff;
  display: inline-block;
  outline: 0;
  font-weight: 400;
}
.nav--firstnav > li > a:hover{
  text-decoration: none;
}
.megamenu{
  position: static;
}
.dropdown-menu.show{
  display: block;
}
.megamenu .dropdown-menu{
  width:100%;
}
.dropdown-menu ul{
  font-size: 1.20rem;
  margin-left: 2px;
}
.dropdown-menu ul > li {
  padding:.5rem 0;
}
.dropdown-menu ul > li > a, .dropdown-menu ul > li > a:hover{
  color:#fff;
  text-decoration: none;
}
.nav-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
}
.nav-menu li{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 14;
    color: #def1f0;
}
.nav-menu--content{
    display:none;
}
.main-logo{
    height: 4rem;
    width: auto;
    display: block;
}
.flag-lang{
    height: 1.5rem;
}
.megamenu {
    position: static;
}
.megamenu .dropdown-menu {
    background: rgba(6, 66, 123,.9);
    border: none;
    color: #fff;
    width: 100%;
}
.hero-section{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    background-attachment: scroll;
    padding: 0;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.hero--height{
    height: 790px;
}
.hero{
    background-image: url("../img/header.jpg");
}
.hero--main{
    background-image: url("../img/main/header_main.jpg");
}
.hero--blaster{
    background-image: url("../img/blaster/header_blaster.jpg");
}
.hero--messaging{
    background-image: url("../img/messaging/header_messaging.jpg");
}
.hero--sms{
    background-image: url("../img/sms/header_sms.jpg");
}
.hero--rcs{
    background-image: url("../img/sms/header-rcs.png");
}
.hero--callcenter{
    background-image: url("../img/callcenter/header_callcenter.jpg");
}
.hero--voice{
    background-image: url("../img/voice/header_voice.jpg");
}
.hero--dids{
    background-image: url("../img/dids/header_dids.jpg");
}
.hero--about{
    background-image: url("../img/about/header_about.jpg");
}
.hero--privacy{
    background-image: url("../img/header_privacy.png");      
}
.hero--development{
    background-image: url("../img/dev/header_development.jpg");
}
.background-image{

}
.background--rcs{
    background-image: url("../img/rcs/rcs_background.png"); 
}
.triangle-right-position{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid transparent;
    border-top-width: medium;
    border-top-width: medium;
    border-bottom: solid transparent;
    border-bottom-width: medium;
    border-bottom-width: medium;
    border-left: solid #f7931d;
    border-left-width: medium;
    border-left-width: medium;
    border-width: 12px;
    margin-left: 10px;
}
.triangle-up { 
    width: 0;
    height: 0;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 70px solid #fff;
    margin: 0 auto;
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0%;
}
.triangle-right:after {
    content: "";
    border-color: transparent #f7931d;
    border-style: solid;
    border-width: 0.45em 0 0.45em 0.55em;
    display: block;
    height: 0;
    width: 0;
    right: -18px;
    top: 10px;
    position: absolute;
}
.hero-main--title{
    color:#fff;
    font-size: 2.65rem;
    font-weight: 300;
    line-height: 1.25;
}
.hero-main--paragraph{
    color:#fff;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.25;
}
/*responsive menu*/
.btn-hamburger{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
}
/*-- Hamburger Icon --*/
.hamburger-icon {
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; 
}
.hamburger-icon span {
    display: block;
    height: 3px;
    width: 50%;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out; 
}
.hamburger-icon span:nth-child(even) {
    left: 50%;
    border-radius: 0 3px 3px 0; 
}
.hamburger-icon span:nth-child(odd) {
    left: 0px;
    border-radius: 3px 0 0 3px; 
}
.hamburger-icon span:nth-child(1), .hamburger-icon span:nth-child(2) {
    top: 4px; 
}
.hamburger-icon span:nth-child(3), .hamburger-icon span:nth-child(4) {
    top: 16px; 
}
.hamburger-icon span:nth-child(5), .hamburger-icon span:nth-child(6) {
    top: 28px; 
}
.hamburger-icon.open span:nth-child(1), .hamburger-icon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); 
}
.hamburger-icon.open span:nth-child(2), .hamburger-icon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); 
}
.hamburger-icon.open span:nth-child(1) {
    left: 5px;
    top: 10px; 
}
.hamburger-icon.open span:nth-child(2) {
    left: calc(50% - 2px);
    top: 10px; 
}
.hamburger-icon.open span:nth-child(3) {
    left: -50%;
    opacity: 0; 
}
.hamburger-icon.open span:nth-child(4) {
    left: 100%;
    opacity: 0; 
}
.hamburger-icon.open span:nth-child(5) {
    left: 5px;
    top: 21px; 
}
.hamburger-icon.open span:nth-child(6) {
    left: calc(50% - 3px);
    top: 20px; 
}
/**/
.btn-read{
    color:#84abf0;
    background:#e6eefb;
    font-weight: bold;
}
.btn-read:hover{
    color:#8fb2ec;
    background-color:#d0dff7;
    border-color:#e6eefb
}
.btn-read:focus,
.btn-read.focus {
    color:#8fb2ec;
    background-color:#d0dff7;
    border-color:#e6eefb;
    box-shadow:0 0 0 .2rem rgba(58,176,195,0.5)
}
.icon-content{
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 30%;
}
.mt-n90{
    margin-top:-90px!important;
}
.mt-n70{
    margin-top:-70px!important;
}
.line-height-normal{
    line-height: inherit;
}
.bg-contact{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../img/img_contact.jpg");
}
.text-aqua{
    color:#33D9E5;
}
.text-blue{
    color:#0BBCFC;
}
.text-gray{
    color:#5C5D5D;
}
.text-green{
    color:#8DC73F;
}
.text-orange{
    color:#F7941E;
}
.text-dodgerblue{
    /*color:#1198e5;*/
    color: #03b5fe;
}
.bg-message{
    background: rgb(0,105,255);
    background: -moz-linear-gradient(90deg, rgba(0,105,255,1) 0%, rgba(34,180,217,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,105,255,1) 0%, rgba(34,180,217,1) 100%);
    background: linear-gradient(90deg, rgba(0,105,255,1) 0%, rgba(34,180,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0069ff",endColorstr="#22b4d9",GradientType=1); 

    /*background: url("../img/rcs/rcs_background_.png") no-repeat center bottom/contain, linear-gradient(90deg, rgba(0,105,255,1) 0%, rgba(34,180,217,1) 100%);*/

    width: 100%;
    height: 100vh;
    min-height: 600px;
    max-height: 778px;
}
.bg-voice{
    background: rgb(253,154,34);
    background: -moz-linear-gradient(90deg, rgba(253,154,34,1) 0%, rgba(217,86,18,1) 100%, rgba(33,33,33,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(253,154,34,1) 0%, rgba(217,86,18,1) 100%, rgba(33,33,33,1) 100%);
    background: linear-gradient(90deg, rgba(253,154,34,1) 0%, rgba(217,86,18,1) 100%, rgba(33,33,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fd9a22",endColorstr="#212121",GradientType=1);
    width: 100%;
    height: 100vh;
    min-height: 600px;
    max-height: 778px;
}
.bg-center{
    top: 160px;
    min-height: 496px;
    width: 100%;
    opacity: 0.075;
    right: 0;
    left: 0;
}
.bg-center--sms{
    background: url(../img/sms/sms_header.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--rcs{
    background: url(../img/rcs/rcs_background.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--two{
    background: url(../img/two_way/twoway_background.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--otp{
    background: url(../img/otp/otp_background.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--omni{
    background: url(../img/omnichannel/omnichannel_background.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--sms_google{
    background: url(../img/sms_google/sms_google_background.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--blaster{
    background: url(../img/blaster/blaster_header.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--callcenter{
    background: url(../img/callcenter/callcenter_header.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--sip{
    background: url(../img/sip/sip_header.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--dialer{
    background: url(../img/dialer/dialer_header.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-center--tollfreenumber{
    background: url(../img/tollfreenumber/tollfreenumber_header.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: contain;
    background-position: top center;
}
.bg-rhinox{
    background-color: rgb(13,188,243);
    background-color: -moz-linear-gradient(180deg, rgba(13,188,243,1) 0%, rgba(84,230,230,1) 100%);
    background-color: -webkit-linear-gradient(180deg, rgba(13,188,243,1) 0%, rgba(84,230,230,1) 100%);
    background-color: linear-gradient(180deg, rgba(13,188,243,1) 0%, rgba(84,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0dbcf3",endColorstr="#54e6e6",GradientType=1); 
    background: linear-gradient(180deg, rgba(13,188,243,1) 0%, rgba(84,230,230,1) 100%);
}
.bg-transparent{
    background-color: transparent;
}
.bg-bridal{
    background-color: #fff8f0;
}
.bg-white-orange {
    background: -moz-linear-gradient(180deg, #fff 46%,#F7941E 20%);
    background: -webkit-linear-gradient(180deg, #fff 46%,#F7941E 20%);
    background: linear-gradient(180deg, #fff 46%,#F7941E 20%);
}
.bg-un-white-orange{
    background: -moz-linear-gradient(180deg, #fff 18%,#F7941E 10%);
    background: -webkit-linear-gradient(180deg, #fff 18%,#F7941E 10%);
    background: linear-gradient(180deg, #fff 18%,#F7941E 10%);
}
.bg-un-white-aqua{
    background: -moz-linear-gradient(180deg, #fff 18%,#33D9E5 10%);
    background: -webkit-linear-gradient(180deg, #fff 18%,#33D9E5 10%);
    background: linear-gradient(180deg, #fff 18%,#33D9E5 10%);
}
.bg-skyblue{
    background-color:  #52aeff;
}
.bg-pattensblue{
    background-color: #DBF4FF;
}
.bg-navyblue{
    background-color: #004a80;
}
.bg-dodgerblue{
    background-color:#03b5fe;
}
.bg-aqua{
    background-color: #33D9E5;
}
.bg-gray{
    /*background-color: #EEEFF1;*/
    background-color: #f1f8fe;
}
.bg-green{
    background-color: #8DC73F;
}
.bg-greensoft{
    background-color: #e9f4ec;
}
.bg-bone{
    background-color: #FBFAFA;
}
.bg-cream{
    background-color: #fff8f0;
}
.bg-orange{
    background-color: #F7941E;
}
.bg-orangesoft{
    background-color: #fee7c9;
}
.bg-w{
    /*min-height:575px;
    padding: 0;*/

    /*position: relative;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    border-radius: 50%;
    overflow: hidden;*/
    position: relative;
    width: 100%;
    height: 0;
    padding: 100% 0 0;
    border-radius: 50%;
    overflow: hidden;
}
.bg-w--2{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/omnichannel/multichannel_img.png");
}
.bg-w--3{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../img/omnichannel/omnichannel_img.png");
}
.bg-w img {
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: none;*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;

}
/*.bg-w:after{
    content:"";
}*/
.triangle {
    position: relative;
    background-color: #f7941d;
    text-align: left;
}
.triangle:before,
.triangle:after {
    content: '';
    position: absolute;
    background-color: inherit;
}
.triangle,
.triangle:before,
.triangle:after {
    width:  1em;
    height: 1em;
    border-top-right-radius: 30%;
}

.triangle {
    transform: rotate(-90deg) skewX(-30deg) scale(1,.866);
}
.triangle:before {
    transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.triangle:after {
    transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}
.custom-list li{
    list-style: none;
    display: flex;
}
.custom-list li:before{
    content: "";
    margin-right: 8px;
    background-color: transparent;
    padding: 10px 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    border: 3px solid #dbf4ff;
}
.custom-ol {
    
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px;
  }
.custom-ol li {
    margin: 0 0 0.5rem 0;
    counter-increment: my-awesome-counter;
    position: relative;
  }
.custom-ol li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background: #F7941E;
    border-radius: 50%;
    text-align: center;
  }
.footer{
    background-color: #00407D;
    color:#fff;
}
.social-menu{
    
}
.social-item img{
    height: 3rem;
}
.whatsapp-text, .whatsapp-text:hover{
    color:#fff;
    text-decoration: none;
}
.whatsapp-text:hover{
    font-weight: bold;
}
.offcanvas-navigation ul{
    list-style: none;
    margin:0;
    padding: 0;
}
.offcanvas-menu-wrapper .offcanvas-menu-inner, .global-overlay, .offcanvas-navigation .offcanvas-menu li > .menu-expand{
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.global-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(6, 66, 123,.7);
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
}
.item-overlay, .global-overlay, .offcanvas-menu-wrapper .offcanvas-menu-inner {
  visibility: hidden;
  opacity: 0; 
}
.global-overlay.overlay-open, .offcanvas-menu-wrapper.open .offcanvas-menu-inner{
  visibility: visible;
  opacity: 1; 
}
.hamburger-icon, .offcanvas-navigation .offcanvas-menu li > .menu-expand {
    cursor: pointer;
}
.offcanvas-navigation .offcanvas-menu li > .menu-expand {
   right: 0;
} 
.hamburger-icon span, .offcanvas-menu-wrapper .btn-close, .offcanvas-navigation .offcanvas-menu li > .menu-expand{
    position: absolute;
}
.offcanvas-menu-wrapper.open .offcanvas-menu-inner{
    left:0;
}
.offcanvas-menu-wrapper .offcanvas-menu-inner {
    background-color: #ffffff;
}
.offcanvas-menu-wrapper .offcanvas-menu-inner {
  position: fixed;
  top: 0;
  left: -265px;
  width: 265px;
  height: 100%;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px; 
}
.offcanvas-menu-wrapper .btn-close {
  top: 25px;
  right: 14px;
  z-index: 100; 
}
.offcanvas-menu-wrapper .btn-close{
    position: absolute;
}
.offcanvas-navigation {
    padding-top: 60px; 
}
.offcanvas-navigation .offcanvas-menu li {
    border-bottom: 1px solid #dadada; 
    position: relative;
}
.offcanvas-navigation .offcanvas-menu li > .menu-expand {
    top: -1px;
    width: 50px;
    height: 100%;
    line-height: 50px;
    margin-right: 4px;
    color: #999999; 
    text-align: center;
}
.offcanvas-navigation .offcanvas-menu li a {
    color: #000000;
    padding: 15px 0;
    line-height: 1;
    display: block;
}
.offcanvas-navigation .offcanvas-menu li .sub-menu {
    padding-left: 10px; 
}
.offcanvas-navigation .offcanvas-menu li .sub-menu li:last-child {
    border-bottom-width: 0px; 
}
.offcanvas-navigation .offcanvas-menu li.menu-open > .menu-expand i:before {
    content: '\f106'; 
}
.offcanvas-navigation .offcanvas-menu li:hover > a {
    color: #002257 !important; 
}
.offcanvas-navigation .offcanvas-menu li:hover > .menu-expand {
    color: #002257 !important; 
}
.offcanvas-navigation .site-info {
    margin-bottom: 35px;
    margin-top: auto; 
}
.text-services{
    text-align: left;
}
.join-circles{
    margin-right: -40px;
}
/*media queries*/

    @media (max-width: 768px){
        /*.hero--height{
            height: 450px;
        }*/
        .bg-voice, .bg-message{
            max-height: 620px;
        }
        .bg-white-orange {
            background: -moz-linear-gradient(180deg, #fff 18%,#F7941E 18%);
            background: -webkit-linear-gradient(180deg, #fff 18%,#F7941E 18%);
            background: linear-gradient(180deg, #fff 18%,#F7941E 18%);
        }
    }

    @media screen and (max-width: 576px){
        .text-services{
            text-align: center;
        }
    }

    @media screen and (max-width: 764px) and (min-width: 576px){
      .card-columns.column-4 {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
      }
      .card-columns.column-3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
      }
      .card-columns.column-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
      }
      .card-columns.column-1 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
      }
    }

    @media only screen and (max-width:970px) {
      /*.nav--firstnav{
        display: none;
      }*/
    }

    @media screen and (max-width:990px) {
        .join-circles{
            margin-right: 0;
        }
    }
    @media screen and (max-width:1366px) {
        .hero-main--title{
            font-size: 1.85rem;
            line-height: 1.2;
        }
        .hero-main--paragraph{
            font-size: 1.25rem;
            line-height: 1.25;
        }
    }

    @media (min-width: 992px){
        /*.hero--height{
            height: 500px;
        }*/
        .hero-content a {
            margin-top: 20px;
        }
    }
    @media (min-width: 1280px){
        /*.hero-height{
            height: 550px;
        }*/
    }
    @media (min-width: 1366px){
        /*.hero--height{
            height: 610px;
        }*/
    }
    @media (min-width: 1440px){
        .hero--height{
            height: 700px;
        }
        .hero-content h1 strong {
            font-size: 40px;
            margin-bottom: 20px;
        }
        .hero-content p {
            margin: 10px 0 0;
        }
        .hero-content a {
            margin-top: 30px;
        }
    }

    @media (min-width: 1600px){
        .hero--height{
            height: 720px;
        }
        .hero-main--title{
            font-size: 2.25rem;
        }
        .hero-main--paragraph{
            font-size: 1.5rem;
        }
    }

    @media (min-width: 1900px) {
        .hero--height{
            /*height: 820px;*/
        }
        .hero-main--title{
            font-size: 2.25rem;
        }
        .hero-main--paragraph{
            font-size: 1.5rem;
        }
    }
.grecaptcha-badge{
    visibility: hidden;
}
/*end */